@charset "utf-8";

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

/*隱鑶*/
.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=1750410111695);background-size:100%;*/}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%; }
	}


/*滑過向下會亮*/	
.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(115%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

/*PC背景*/
@media screen and (min-width:767px){
	.bg_deco_01  { z-index:-2; position:fixed; top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
	.bgtop01     { z-index:-1; position:absolute; top:0px; left:0; width:100%; min-width:1220px; height:120px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02     { z-index:-4; position:absolute; top:120px; left:0; width:100%; min-width:1220px; height:50px; background-repeat:no-repeat; background-position:center top; }
	.bgtop03     { z-index:-4; position:absolute; top:170px; left:0; width:100%; min-width:1220px; height:430px; background-repeat:no-repeat; background-position:center top; }
	.bgtop04     { z-index:-4; position:absolute; top:6930px; left:0; width:100%; min-width:1220px; height:100px; background-repeat:no-repeat; background-position:center top; }
}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area1220 { margin:0 auto; width:1220px;}

.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_1bn_nopadding a  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_1bn_nopadding img  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;width:96%;}
.Area_3bn_nopadding p { float:left; margin:0; padding:0; width:33.3%; list-style: none; text-align:center;}
.Area_4bn_nopadding { margin: 0 auto; padding:0;width:1220px; overflow:hidden;}
.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}		/*區塊_兩邊間距*/
.Area_5bn_nopadding { margin: 0px auto; padding:0;width:1220px; overflow:hidden;}


	@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%;}
		.Area img{ width:100%;}
		.Area { position: relative;}
		
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%;}
		.Area_2bn { width:96%; margin: 0 2%; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; }
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; }
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { position:relative; float:left; margin:0; padding:0; width:100%; }
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%;}
		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; }		
		}


/*我是CSS_momologo*/
.momologo { position:absolute; top:15px; left:10px; z-index:999; }
.momologo_01 {margin-left:66px;}
.momologo_02 {margin-left:66px;}
	@media screen and (max-width:767px){
         .momologo {width: 100%; top: 10vw;}
	}


/*版頭*/
.Area_top { position:relative; width:1220px;height:660px; }
.Area_top .gopro_logo{position:absolute;top:40px; left:0 ; z-index:1;}

  @media screen and (max-width:767px){
    .Area_top { position: relative; width: 100%; height: 74vw; top: 0;}
    .Area_top .main { position: absolute; top: 0; left: 0;}
  }


/*版頭輪播*/

.Area_pdA_swiper {display:block;  width:2000px;  position: absolute; left:-390px; top:170px; }
.pd_A_swiper a { }
	@media screen and (max-width:767px){
	.Area_pdA_swiper { display:block; width:100%; height:auto; position: absolute;left:0; top: 24vw; z-index: 0;}	
	.Area_pdA_swiper img { width:100%;}	
		}

/*作圖館連結*/
.Area_guan {height:50px;}
	.pc_guan { position:relative; top:129px;left:0; z-index:5; width:100%; height:100%;}
	.pc_guan ul {display:flex; margin:0; padding:0; width:100%; justify-content: center;}
	.pc_guan ul li { position:relative;list-style:none;float:left;display:inline-block; margin:0; padding:0}
	.pc_guan ul li:nth-of-type(x) { left:0;}
	.pc_guan ul li img {width:100%}
	@media screen and (max-width:767px){
	.Area_guan { height:100%;}	
		.pc_guan { display:block; width:100%; position:relative; top: 18vw; left: 0; margin:0 ; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center }
		
		}


/*本月主打優惠x5*/
@media screen and (min-width:767px){
.Area_event {position: relative;display:block; width:1220px; height:500px; margin:0 auto; padding:0; /*background:url(event_bg.png?t=1750410111695) top center no-repeat ;*/}
 }
.Area_event ul {display:block;width:1220px; position:relative; top:50px; left:150px; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2; }
.Area_event ul li { position: relative; padding:0; margin:0 0 ; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_event ul li a { display:block; text-decoration:none;}
.Area_event ul li:nth-child(2) {margin-left: 295px;}
.Area_event ul li:nth-child(4) {margin-left: 295px;}
.Area_event .event_01{ position: absolute;  top:0; left:0; z-index: 2;}

@media screen and (max-width:767px){
  .Area_event { width:100%; height:95vw; margin:0 auto; padding:0; /* background:url(mb_20.jpg?t=1750410111695) top center no-repeat ; background-size:100%;*/ }
  .Area_event ul { display:block; width:100%; position:relative; top:0vw; left: 0; margin:0 ; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center}
  .Area_event ul li {display:inline-block; width:45%; padding:0; margin:0; text-decoration:none;  text-align:center;}
	.Area_event ul li:nth-child(2) { margin-left: 4vw;; margin-top: 28vw;}
	.Area_event ul li:nth-child(3) { margin-top: 28vw;}
	.Area_event ul li:nth-child(4) { margin-left: 4vw;}
	.Area_event .event_01{ position: absolute;  top:0; left:0; z-index: 2;width:100%;}
  }

/*本月主打優惠x5輪播*/
.Area_event_swiper {display:block;  width:290px ;  position: absolute; left:150px; top:95px; }
.event_swiper a { }
	@media screen and (max-width:767px){
	.Area_event_swiper { display:block; width:100%; height:auto; position: absolute;left:0; top:15vw; z-index: 0;}	
	.Area_event_swiper img { width:100%;}	
		}


 /*館長推薦*/
@media screen and (min-width:767px){
.Area_btn {position: relative;display:block; width:1220px; height:250px; margin:0 auto; padding:0; /*background:url(btn_bg.png?t=1750410111695) top center no-repeat;*/ }
 }
.Area_btn ul {display: block; width: 1200px ; position: relative;top: 50px; left: 150px; margin: 0; padding: 0; text-decoration: none ; overflow: hidden ; list-style: none; z-index: 2 ; flex-direction: row ; justify-content: space-evenly;}
.Area_btn ul li { position: relative; padding:0; margin:10px 5px ; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_btn ul li a { display:block; text-decoration:none;}
.Area_btn ul li:nth-child(x) {margin-top:18px}

@media screen and (max-width:767px){
  .Area_btn { width:100%; height:80vw; margin:0 auto; padding:0; /* background:url(mb_11.jpg?t=1750410111695) top center no-repeat ; background-size:100%; */}
  .Area_btn ul { display:block; width:100%; position:relative; top:1vw; left:2vw; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center}
  .Area_btn ul li {display:inline-block; width:45%; padding:1.5%; margin:0 auto; text-decoration:none;  text-align:center;}
  .Area_btn ul li:nth-child(even) { margin:0 0 0 0;}
  }


/*pc+mb_優質服務*/
@media screen and (min-width:767px){
.Area_serve {position: relative;display:block; width:1220px; height:440px; margin:0 auto; padding:0; /*background:url(event_bg.png?t=1750410111695) top center no-repeat ;*/}
 }
.Area_serve ul {display:block;width:1220px; position:relative; top:50px; left:100px; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2; }
.Area_serve ul li { position: relative; padding:0; margin:10px 0 ; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_serve ul li a { display:block; text-decoration:none;}
.Area_serve .event_01{ position: absolute;  top:0; left:0; z-index: 2;}
@media screen and (max-width:767px){
  .Area_serve { width:100%; height:45vw; margin:0 auto; padding:0; /* background:url(mb_20.jpg?t=1750410111695) top center no-repeat ; background-size:100%;*/ }
  .Area_serve ul { display:block; width:100%; position:relative; top:1vw; left: 2vw; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center}
  .Area_serve ul li {display:inline-block; width:96%; padding:0; margin:0 0; text-decoration:none;  text-align:center;}
  .Area_serve ul li:nth-child(x) { margin:0 0 0 0;}
  }


.Area_txt h2 { position: relative;top: 25px;left: 0;margin: 0;text-align: center;padding: 0px;font-weight: bold;font-size: 40px;line-height: 45px;letter-spacing:-3.5px;overflow: hidden;/*text-shadow: 2px 2px 0px rgb(35 0 74);*/color: #000;z-index: 2;}
.Area_txt h2 a { display: block; text-decoration:none;}
.Area_txt h2 img { width:714px; height:357px; }
@media screen and (max-width:767px){
  .Area_txt { width:100%; height:13vw; margin:0 auto; padding:0;  }
	.Area_txt h2 { top:0; width:100%; height:19vw;left: 0; padding: 8% 0 0 0;font-size:6.5vw; line-height:0vw; /*font-weight: bold;*/ /*text-shadow: 2px 2px 0px rgb(35 0 74);*/ letter-spacing:-0.05rem;/*background:url(mb_13.jpg?t=1750410111695) center top no-repeat;*/background-size:100%; }
	.Area_txt h2 img { width:100%; height:auto;}
  }


/*直播活動預告*/
.Area_live { height:410px;}
.Area_live .video_01 { z-index:10; position:absolute; left: 160px; top:90px; width: 450px; height: 240px;}
.Area_live .live_bg{ position:absolute; top:380px;left:0;overflow:hidden;z-index:-1;}
.Area_live .video_ph{position:absolute;top:70px; left:600px ;z-index:1;}

	@media screen and (max-width:767px){
		.Area_live { height:115vw;  /*background:url(mb_09.jpg?t=1750410111695) top center no-repeat ; background-size:100%;*/}
		.Area_live .video_01 {  top: 15vw;left: 5%; width: 90%;  height: auto;}
		.Area_live .video_ph{ position:absolute; left: 11vw; top:66vw; width: 78%;z-index:10;}

	}

  /*RWDiframe設定*/
   .box_youtube { margin: 0; padding: 0; }
   .box_youtube .youtubeArea { width:100%; height:0px; padding-bottom:56.25%;}
   .box_youtube .youtubeArea * { margin:0; padding:0;}
   .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}


@media screen and (min-width:767px){
 .mbottom0 { margin-top:-100px}
 .mbottom1 { margin-top:20px}
 .mbottom2 { margin-top:60px}
 .mbottom3 { margin-top:80px}
 .mbottom4 { margin-top:100px}
 }

/*----------------1品-登記區塊START--------------*/
.Area_book_01 {position: relative;display:block; width:1220px; height:310px; margin:0 auto; padding:0; /*background:url(book_bg01.png?t=1750410111695) top center no-repeat;*/ margin-bottom: 20px;}
.Area_book_01 ul {display:block;width:1220px; position:absolute; top:55px; left:90px; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; }
.Area_book_01 ul li { position: relative; padding:0; margin:10px 0px; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_book_01 ul li a { display:block; text-decoration:none;}
.Area_book_01 .txt1{ position:absolute; top: 138px ;left: 260px; margin: 0 auto;font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif;line-height: 1.5;text-align: left; pointer-events:none;}
.Area_book_01 p {width:120px; height:25px; border-radius:35px; text-align:center; color: #575757;}
.Area_book_01 .book04{ position: absolute;  top:241px; left:730px; z-index: 2;}
.Area_book_01 .book05{ position: absolute;  top:241px; left:937px; z-index: 2;}


/*手機登記按鈕*/

.book_box {  position:relative; margin:0;}
.book_box a { display:block; width:100%; height:100%;}
.book_ { }
.book_ .count { margin: 0;padding: 0;  color:#000; text-align:center; font: bold 3vw/5vw "Century Gothic", Arial, "Microsoft JhengHei";}	

/*1品*/		
.book_01 { position:absolute;width:62.50%;  height: 100%;  top: 0vw;left:0vw; }
.book_01 .count { position: absolute; width: fit-content;   top: 83%; left: 65%; }
.post { position:absolute; width:37.50%;  height: 50%;  top: 0; left:62.4%;}
.list { position:absolute; width:37.50%;  height: 50%;  top: 50%;left:62.4%; }

/*2品*/	
.book_box2 .book_01 { position:absolute;width:37.50%;  height: 100%;  top: 0vw;left:0vw; }
.book_box2 .book_01 .count { position: absolute; top: 87.5%; left:28%;}
.book_box2 .book_02 { position:absolute;width:34.38%;  height: 100%;  top:0;left:37%;  }
.book_box2 .book_02 .count {  position: absolute; top: 87.5%; left:25%;}
.book_box2 .post { position:absolute; width:28.13%;  height: 50%;  top: 0; left:71.4%;}
.book_box2 .list { position:absolute; width:28.13%;  height: 50%;  top: 50%;left:71.4%; }

/*3品*/	
.book_box3 .count{ position: absolute;   width:fit-content; padding: 0.2vw 3.5vw;  background: #c66f19; color:#FFF; border-radius: 4vw;  box-sizing: border-box;}
.book_box3 .book_01 { position:absolute;width:34.50%;  height: 75%;  top: 0vw;left:0vw; }
.book_box3 .book_01 .count { position: absolute; top: 88.5%; left:24%;}
.book_box3 .book_02 { position:absolute;width:31.0%;  height: 75%;  top:0;left:35%;  }
.book_box3 .book_02 .count {  position: absolute; top: 88.5%; left:14%;}
.book_box3 .book_03 { position:absolute;width:34.50%;  height: 75%;  top:0;left:66%;  }
.book_box3 .book_03 .count {  position: absolute; top: 88.5%; left:12%;}
.book_box3 .post { position:absolute; width:50%;  height: 25%;  top: 75%; left:0%;}
.book_box3 .list { position:absolute; width:50%;  height: 25%;  top: 75%; left:50%; }


/*---------------登記區塊END------------------*/



/** RWD倒數 **/
			.TimerArea2{position: absolute; top:0px; left:0px;display:block;margin: 0;padding: 0;width: 100%; height:94px; overflow: hidden;}
			.Timerbox2{position:relative; display:block; margin:0 auto; padding: 0; width:1220px;  z-index:99;}
			.TimerNick2 {  position:absolute; left:460px; z-index:99; display:inline-block; padding-right:14px; height:96px; top:80px}
			.TimerNick2 .FontStyle2 { display:inline-block; margin:20px 0 0 0 ; padding:0 10px; border:0px; width:56px; font: bold 33px/38px Century Gothic; color:#fff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
			.TimerNick2 div:nth-of-type(2),
			.TimerNick2 div:nth-of-type(3),
			.TimerNick2 div:nth-of-type(4) { width:51px;}
			.TimerNick2 span{ display:none; padding-left: 2px;font: bold 20px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #666666;}
				@media screen and (max-width:767px){
					.TimerArea2{position: absolute;  left:-6%; display:block;margin: 0;padding: 0;width: 100%; top:21vw; z-index:99;}
					.Timerbox2{position:absolute; display:block; margin:0 auto; padding: 0; width:100%;  z-index:99;}
					.TimerNick2 { z-index:20; position: absolute; top:15vw; left:-7%; display:inline-block; margin:0; padding-right:5%; width:80%; height:0; padding-bottom:13%; overflow:hidden; text-align:right; background-size:100%;}
					.TimerNick2 .FontStyle2 { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:10vw; font: bold 5vw/11vw Century Gothic; color:#fff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;}
					.TimerNick2 div:nth-of-type(2),
					.TimerNick2 div:nth-of-type(3),
					.TimerNick2 div:nth-of-type(4) { width:11vw;}
					.TimerNick2 span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #6d0007;}  }




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


/** 公版模組layout_rwd_1f4s_01 **/
.layout_rwd_1f4s_01  {height: 1400px ;/*background: url(layout_rwd_1f4s_bg.png?t=1750410111695) center top no-repeat scroll;*/ } 
.layout_rwd_1f4s_01 h2 {}
.layout_rwd_1f4s_01 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f4s_01 h2 img { width:714px; height:357px; }
.layout_rwd_1f4s_01 ul {width:1220px; display:inline-block;  box-sizing:border-box;  margin:0 auto;padding:520px 0px 10px 41px;}
.layout_rwd_1f4s_01 ul li { float:left; display:inline-block; position:relative; margin:0 16px 10px 0;border-radius: 2px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 270px; height:380px; list-style: none outside none; background:#fff;
							  -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;}
.layout_rwd_1f4s_01 ul li a {text-decoration:none;}
.layout_rwd_1f4s_01 ul li a img { display:block; margin:0px; padding:10px; width:250px; height:250px;}
.layout_rwd_1f4s_01 ul li a h3 { position: relative; margin:0 10px; padding:0 10px; border-radius:0; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #000; background:#d9fe03;}
.layout_rwd_1f4s_01 ul li a h4 { margin:5px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f4s_01 ul li:hover{ -webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.layout_rwd_1f4s_01 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f4s_01 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f4s_01 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f4s_01 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f4s_01 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f4s_01 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f4s_01 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f4s_01 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f4s_01 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f4s_01 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f4s_01 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f4s_01 .HashtagArea dd a {display:block; padding: 10px 10px 10px 10px; /*border-radius: 5px;*/ line-height:30px; font-weight:300; font-size: 16px; color:#000;text-decoration:none;  background-color:#fff;
							  -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;}
.layout_rwd_1f4s_01 .HashtagArea dd a::after { content: ""; position:relative; top:5px; left:5px; display:inline-block; border:1px solid #000; border-width:0 1px 1px 0; width:8px; height:8px; -webkit-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-70%) rotate(-45deg);}
.layout_rwd_1f4s_01 .HashtagArea dd a:hover,
.layout_rwd_1f4s_01 .HashtagArea dd a:active { -webkit-transform:translateY(-8px); transform:translateY(-8px);  box-shadow:0 0 20px rgba(0,0,0,0.5); }


	@media screen and ( max-width:736px) {
		.layout_rwd_1f4s_01{ width:100%; height:auto; overflow:auto; margin-bottom:3vw; background-image: none !important;  }
		.layout_rwd_1f4s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f4s_01 h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f4s_01 h2 img { width:100%; height:auto;}
		.layout_rwd_1f4s_01 ul {width:96%; margin:2vw 0 2vw 0; padding:0 0 1% 2%; border-style: solid;/*background-color:#b223f9;*/}
		.Area_step:nth-child(even) .layout_rwd_1f4s_01 ul {background-color: #e2e9ef; }
		.Area_step:nth-child(odd)  .layout_rwd_1f4s_01 ul {background-color: #fff9e1; }
		.layout_rwd_1f4s_01 ul li { margin:2% 2% 2% 0; border:0; width:48%; height: auto; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_01 ul li a img { padding:0; width:100%; height:auto;border-radius:10px; }
		.layout_rwd_1f4s_01 ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 24px; overflow:hidden; font-weight:bold; font-size:14px; line-height:24px; text-align:center;  color:#000;}
		.layout_rwd_1f4s_01 ul li a h3:after { content:""; z-index:0; position:absolute; top:0; left:0; width: 100%;  height: 100%; background-color:rgba(0,0,0,0);}
		.layout_rwd_1f4s_01 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f4s_01 ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height:22px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f4s_01 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f4s_01 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f4s_01 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f4s_01 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f4s_01 ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f4s_01 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f4s_01 .HashtagArea { width:100%; }
		.layout_rwd_1f4s_01 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f4s_01 .HashtagArea dd strong { margin:0 0 2% 2%; width:49%; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_01 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f4s_01 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f4s_01 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		

		/*品數為單數時，手機版最後一個隱藏
		.layout_rwd_1f4s_01:nth-child(2n+0) ul li:last-child { display:none;}
		.layout_rwd_1f4s_01:nth-child(2n+1) ul li:last-child { display:none;}*/

	}


/** 公版模組layout_rwd_1f4s_01 **/
.layout_rwd_1f4s_02  {height: auto ; margin-bottom: 20px;/*background: url(layout_rwd_1f4s_bg.png?t=1750410111695) center top no-repeat scroll;*/ } 
.layout_rwd_1f4s_02 h2 {}
.layout_rwd_1f4s_02 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f4s_02 h2 img { width:714px; height:357px; }
.layout_rwd_1f4s_02 ul {width:1220px; display:inline-block;  box-sizing:border-box;  margin:0 auto;padding:0 0 10px 154px;}
.layout_rwd_1f4s_02 ul li { float:left; display:inline-block; position:relative; margin:0 5px 10px 0;border-radius: 2px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 227px; height:335px; list-style: none outside none; background:#fff;
							  -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;}
.layout_rwd_1f4s_02 ul li a {text-decoration:none;}
.layout_rwd_1f4s_02 ul li a img { display:block; margin:0px; padding:5px; width:217px; height:217px;}
.layout_rwd_1f4s_02 ul li a h3 { position: relative; margin:0 10px; padding:0 10px; border-radius:0; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #000; background:#d9fe03;}
.layout_rwd_1f4s_02 ul li a h4 { margin:5px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f4s_02 ul li:hover{ -webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.layout_rwd_1f4s_02 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f4s_02 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f4s_02 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f4s_02 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f4s_02 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f4s_02 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f4s_02 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f4s_02 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f4s_02 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f4s_02 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f4s_02 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f4s_02 .HashtagArea dd a {display:block; padding: 10px 10px 10px 10px; /*border-radius: 5px;*/ line-height:30px; font-weight:300; font-size: 16px; color:#000;text-decoration:none;  background-color:#fff;
							  -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;}
.layout_rwd_1f4s_02 .HashtagArea dd a::after { content: ""; position:relative; top:5px; left:5px; display:inline-block; border:1px solid #000; border-width:0 1px 1px 0; width:8px; height:8px; -webkit-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-70%) rotate(-45deg);}
.layout_rwd_1f4s_02 .HashtagArea dd a:hover,
.layout_rwd_1f4s_02 .HashtagArea dd a:active { -webkit-transform:translateY(-8px); transform:translateY(-8px);  box-shadow:0 0 20px rgba(0,0,0,0.5); }


	@media screen and ( max-width:736px) {
		.layout_rwd_1f4s_02{ width:100%; height:auto; overflow:auto; margin-bottom:0px; background-image: none !important;  }
		.layout_rwd_1f4s_02 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f4s_02 h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f4s_02 h2 img { width:100%; height:auto;}
		.layout_rwd_1f4s_02 ul {width:96%; margin:0vw 0 2vw 0; padding:0 0 1% 2%;/*background-color:#b223f9*/;}
		.layout_rwd_1f4s_02 ul li { margin:0 2% 2% 0; border:0; width:48%; height: auto; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_02 ul li a img { padding:0; width:100%; height:auto;border-radius:10px; }
		.layout_rwd_1f4s_02 ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 24px; overflow:hidden; font-weight:bold; font-size:14px; line-height:24px; text-align:center;  color:#000;}
		.layout_rwd_1f4s_02 ul li a h3:after { content:""; z-index:0; position:absolute; top:0; left:0; width: 100%;  height: 100%; background-color:rgba(0,0,0,0);}
		.layout_rwd_1f4s_02 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f4s_02 ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height:22px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f4s_02 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f4s_02 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f4s_02 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f4s_02 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f4s_02 ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f4s_02 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f4s_02 .HashtagArea { width:100%; }
		.layout_rwd_1f4s_02 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f4s_02 .HashtagArea dd strong { margin:0 0 2% 2%; width:49%; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_02 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f4s_02 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f4s_02 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		

		/*品數為單數時，手機版最後一個隱藏
		.layout_rwd_1f4s_02:nth-child(2n+0) ul li:last-child { display:none;}
		.layout_rwd_1f4s_02:nth-child(2n+1) ul li:last-child { display:none;}*/

	}

/** 公版模組layout_rwd_1f4s_03 **/
.layout_rwd_1f4s_03  {width:1220px; height:auto; margin-bottom: 50px; /*background: url(layout_rwd_1f4s_bg2.png?t=1750410111695) center top no-repeat scroll;*/} 
.layout_rwd_1f4s_03 h2 { position: relative;top: 25px;left: 0;margin: 0;text-align: center;padding: 0px;font-weight: bold;font-size: 45px;line-height: 45px;letter-spacing: 1px;overflow: hidden;text-shadow: 2px 2px 0px rgb(35 0 74);color: #fff;z-index: 2;}
.layout_rwd_1f4s_03 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f4s_03 h2 img { width:714px; height:357px; }
.layout_rwd_1f4s_03 ul {width:1220px; display:inline-block;  box-sizing:border-box;  margin:0 auto;padding:335px 0 0 50px;}

.layout_rwd_1f4s_03 ul li { float:left; display:inline-block; position:relative; margin:0px 10px 10px 0; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 270px; height:380px; list-style: none outside none; background:#fff;
							  -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;}
.layout_rwd_1f4s_03 ul li a {text-decoration:none;}
.layout_rwd_1f4s_03 ul li a img { display:block; margin:0px; padding:5px; width:250px; height:250px;}
.layout_rwd_1f4s_03 ul li a h3 { position: relative; margin:0 10px; padding:0 10px; border-radius:0; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #000; background:#d9fe03;}
.layout_rwd_1f4s_03 ul li a h4 { margin:5px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f4s_03 ul li:hover{ -webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.layout_rwd_1f4s_03 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f4s_03 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f4s_03 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f4s_03 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f4s_03 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f4s_03 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f4s_03 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f4s_03 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f4s_03 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f4s_03 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f4s_03 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f4s_03 .HashtagArea dd a {display:block; padding: 10px 10px 10px 10px; /*border-radius: 5px;*/ line-height:30px; font-weight:300; font-size: 16px; color:#000;text-decoration:none;  background-color:#fff;
							  -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;}
.layout_rwd_1f4s_03 .HashtagArea dd a::after { content: ""; position:relative; top:5px; left:5px; display:inline-block; border:1px solid #000; border-width:0 1px 1px 0; width:8px; height:8px; -webkit-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-70%) rotate(-45deg);}
.layout_rwd_1f4s_03 .HashtagArea dd a:hover,
.layout_rwd_1f4s_03 .HashtagArea dd a:active { -webkit-transform:translateY(-8px); transform:translateY(-8px);  box-shadow:0 0 20px rgba(0,0,0,0.5); }


	@media screen and ( max-width:736px) {
		.layout_rwd_1f4s_03{ width:100%; height:auto; overflow:auto; margin-bottom:0; background-image: none !important; }
		.layout_rwd_1f4s_03 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f4s_03 h2 { top:0; width:100%; height:19vw;left: 0; padding: 12% 0 0 0;font-size:6.5vw; line-height:0vw; /*font-weight: bold;*/ text-shadow: 2px 2px 0px rgb(35 0 74); letter-spacing:-0.05rem;background:url(mb_13.jpg?t=1750410111695) center top no-repeat;background-size:100%; }
		.layout_rwd_1f4s_03 h2 img { width:100%; height:auto;}
		.layout_rwd_1f4s_03 ul {width:96%; margin:2vw 0 2vw 0; padding:2% 0 0 2%; border-style:solid ; color: #000;}
		.Area_step:nth-child(even) .layout_rwd_1f4s_02 ul {background-color: #e2e9ef; }
		.Area_step:nth-child(odd)  .layout_rwd_1f4s_02 ul {background-color: #fff9e1; }
		.layout_rwd_1f4s_03 ul li { margin:0 2% 2% 0; border:0; width:48%; height: auto; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_03 ul li a img { padding:0; width:100%; height:auto;border-radius:5px; }
		.layout_rwd_1f4s_03 ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 24px; overflow:hidden; font-weight:bold; font-size:14px; line-height:24px; text-align:center;  color:#000;}
		.layout_rwd_1f4s_03 ul li a h3:after { content:""; z-index:0; position:absolute; top:0; left:0; width: 100%;  height: 100%; background-color:rgba(0,0,0,0);}
		.layout_rwd_1f4s_03 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f4s_03 ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height:22px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f4s_03 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f4s_03 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f4s_03 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f4s_03 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f4s_03 ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f4s_03 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f4s_03 .HashtagArea { width:100%; }
		.layout_rwd_1f4s_03 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f4s_03 .HashtagArea dd strong { margin:0 0 2% 2%; width:49%; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_03 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f4s_03 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f4s_03 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
/*		
     #lbtclass_B05 ul, #lbtclass_B07, #lbtclass_B09, #lbtclass_B11 ul { background-color: #b8b1a9;}
     #lbtclass_B06 ul, #lbtclass_B08, #lbtclass_B10, #lbtclass_B12 ul { background-color: #c5ccdc;}	*/
    /*品數為單數時，手機版最後一個隱藏
		.layout_rwd_1f4s_02:nth-child(2n+0) ul li:last-child { display:none;}
		.layout_rwd_1f4s_02:nth-child(2n+1) ul li:last-child { display:none;}*/

	}

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