@charset "utf-8";
@font-face{font-family:"digital_counter_7"; src: url(digital_counter_7.ttf)}	

/*基本*/
body {margin: 0; padding:0;}
	@media screen and (max-width:767px){
		body {margin: 0; padding:0;}
	}
/*隱鑶*/
.for_pc {}
.for_phone, .for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc, .for_PC { display:none !important;}
		.for_phone, .for_m { display: inherit !important;}
	}



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




@media screen and (min-width:767px){
/*背景*/
.bgtop01 {z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1000px; background: url(BG.jpg?t=1751287519291)  no-repeat center top;}
.bgtop02 {z-index:0; position:absolute; top:627px; left:0; width:100%; min-width:1220px; height:1000px; background: url(Bg_02.jpg?t=1751287519291) no-repeat center top;}*/
.bgtop03 {z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1000px; background: url(Bg_03.jpg?t=1751287519291) no-repeat center top;}
.bgtop04 {z-index:0; position:absolute; top:1627px; left:0; width:100%; min-width:1220px; height:1000px; background: url(Bg_04.jpg?t=1751287519291) no-repeat center top;}

}
/*全BOX版面*/
.WRAPPER {
	position: relarive;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1220px;
	overflow: hidden;
	font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif;
    background-color: #000;
}
.WRAPPER img { border:0; vertical-align:center;}
.WRAPPER a { text-decoration:none;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:25px auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; min-width:inherit;background:url(MB_bg.jpg?t=1751287519291) top center ; background-size:100%;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0px 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(150%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

/*區塊_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:32px auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area800 { margin:0 auto; width:800px;}

.Area_3bn_nopadding { margin: -100px auto 80px; padding:0; overflow:hidden;}
.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33%; list-style: none;}		/*區塊_兩邊間距*/
.Area_3bn_nopadding a img {width:100%;}		/*區塊_兩邊間距*/
.Area_4bn_nopadding { margin:  auto; padding:0; overflow:hidden; }
.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}		/*區塊_兩邊間距*/
.Area_7bn_nopadding { margin:  auto; padding:0; overflow:hidden;}
.Area_7bn_nopadding a { float:left; margin:0; padding:0; width:14.2%; list-style: none;}		/*區塊_兩邊間距*/
.Area_7bn_nopadding a img {width:100%;}		/*區塊_兩邊間距*/

	@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 { margin:0 auto; width:96%;}
		.Area800 { margin:0 auto; width:96%;}
		.Area img{ width:100%;}
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding {width:100%;margin: -8vw auto;padding:0;overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_1bn_nopadding img{width:100%;}
		.Area_2bn_nopadding { width:90%;  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;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
		.Area_4bn_nopadding { margin:  auto; padding:0; overflow:hidden; }
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}		/*區塊_兩邊間距*/
		.Area_7bn_nopadding { width:100%; margin:  auto; padding:0; overflow:hidden;}
		.Area_7bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}		/*區塊_兩邊間距*/
		.Area_7bn_nopadding a img {width:100%;}		/*區塊_兩邊間距*/
				
	}



 /** 倒數 **/
.TimerNick2 { z-index:7; position:absolute;top: 398px; display:block; width:339px; height:auto; text-align:center; /*display:none;*/ }
.TimerNick2 b{ color:#fff;}
.TimerNick2 .TIMER2 { margin:0; text-align:center;}
.TimerNick2 .TIMER2 .FontStyle { display:inline-block; margin:0 18px 0 0; padding:0; border:0px; width:15%; font: 32px/54px Century Gothic; color:#fff; letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick2 .TIMER2 span {font:bold 16px/54px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em; color: #fff; margin:0 0px; }

@media screen and (max-width:767px){
.TimerNick2 { z-index:10; position:absolute; top:70vw; left:14%; display:block; width:calc(110% - 38vw); height:auto; text-align:center; margin:0 auto; }
.TimerNick2 .TIMER2 { margin:0; text-align:center;}
.TimerNick2 .TIMER2 .FontStyle { display:inline-block; margin:0 0 0 0; padding:0; border:0px; width:16%; font:4.5vw/6vw Century Gothic; letter-spacing:1px; text-align:right; background:transparent; color: #fff; }
.TimerNick2 .TIMER2 span {font:bold  4vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.1em; margin:0 -4vw 0 4vw; color: #fff; display:inline-block;}
}
@media screen and (max-width:460px){
   .TimerNick2 { z-index:10; position:absolute; top:44vw; left:-6%; display:block; width:calc(110% - 38vw); height:auto; text-align:center; margin:0 auto; }
}
@media screen and (max-width:320px){
.TimerNick2 { z-index:10; position:absolute; top:44vw; left:-2%; display:block; width:calc(110% - 38vw); height:auto; text-align:center; margin:0 auto; }
.TimerNick2 .TIMER2 span {margin:0 -3vw 0 3vw;  }
.TimerNick2 .TIMER2 .FontStyle { display:inline-block; margin:0 0 0 0; padding:0; border:0px; width:16%; font:6.5vw/6vw Century Gothic; letter-spacing:1px; text-align:right; background:transparent; color: #fff; }
}

/** 倒數 **/
.TimerNick { position: absolute; top: 361px;left:-38px; text-align:right; z-index:0;}
.TimerNick .FontStyle { display:inline-block; margin:0 ; padding:0; border:0px; width:58px; font:normal 40px/70px Arial; color:#ffffff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick span { padding-left:2px; font: bold 26px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
	@media screen and (max-width:767px){
		.Area_title .time{position: absolute; width:100%; height:12vw; top: 126vw;    left: 19vw; z-index:4;}
		.TimerNick { position: absolute; top: 15vw; left:-11vw; margin:0; padding-right:0; padding-bottom:0;  width:100%; height:auto;text-align: center /* overflow:hidden*/}
		.TimerNick .FontStyle { margin:0 0 0 1.5vw ; padding:0; border:0px; width:7vw; font: normal 6vw/6vw Arial; color:#fff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;}
        .TimerNick div:nth-of-type(2),
		.TimerNick div:nth-of-type(3),
		.TimerNick div:nth-of-type(4){ }
		.TimerNick div:nth-of-type(5){}
		.TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
	}


	@media screen and (max-width:767px){
		.TimerNick { z-index:10; position:absolute; top:33vw; left:-15vw; display:block; width:100%; height:auto; text-align:center; margin:0 auto;}
		.TimerNick .TIMER { margin:0; text-align:center;}
		.TimerNick .TIMER .FontStyle { display:inline-block; margin:0; padding:0; border:0px; width:5%; font:5vw/5vw 'digital_counter_7','Century Gothic', Arial, 'Microsoft JhengHei'; letter-spacing:0; text-align:right; background:transparent; }
		.TimerNick .TIMER span {font:bold  6vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; margin:0 1vw;}
	}


/*回首頁*/
/*logo*/
.momologo { position:absolute; top: 20px;left:0;z-index:999;width:100%; }
	@media screen and (max-width:767px){
    .momologo {width: 16%;  margin-left: 2%;}
	}
.momologo a:hover { }
.Area_top { width:1220px;height:690px;}
.Area_top .top_box{position: relative;display: block;min-width:1220px;padding: 0; width: 1220px;margin: 0 auto;}
.Area_top .title{position: absolute;top:-11px;left:86px;z-index:4;}
.Area_top .stage{position: absolute;top:170px;left:-80px;z-index:2;}
.Area_top .bank{position: absolute;top:770px;left:211px;z-index:2;}
.Area_top .PD{position: absolute;top:0;left:25px;z-index:2;}
.Area_top .gift{position: absolute;top:338px;left:25px;z-index:5;}

.Area_btn{position: relative; display:block; margin:0 auto; padding:6% 0 0 0;}
.Area_btn a{position: relative; width:25%; color:#FFF; }
.Area_btn h2{position: absolute; width: 100%;top:50px; left:0; font-size:30px;}
.Area_btn h1{position: absolute; width: 100%;top:85px; left:0; font-size:40px;}

@media screen and (max-width:767px){
	.Area_btn{position: relative; width:100%; display:block; margin:0 auto; padding:0;}
	.Area_btn a{position: relative; width:50%; color:#FFF; }
	.Area_btn h2{
	position: absolute;
	width: 100%;
	top: 11vw;
	left: 0;
	font-size: 5vw;
}
	.Area_btn h1{
	position: absolute;
	width: 100%;
	top: 18vw;
	left: 0;
	font-size: 19px;
}
 }
	 
/*旋轉*/
.Area_btn .rotate {-webkit-animation: 3s linear 0s normal none infinite rotate;
			     animation: 3s linear 0s normal none infinite rotate;}
.Area_btn .rotate:hover{-webkit-animation: 1.8s linear 1 normal none rotate2;
					  animation: 1.8s linear 1 normal none rotate2;}	
.Area_btn a:hover {color:#a4ff00;}					  			 
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
@-webkit-keyframes rotate2{
	 0%{-webkit-transform:rotate(0deg) ;filter: hue-rotate(0deg);}
	30%{-webkit-transform:rotate(180deg)}
   100%{-webkit-transform:rotate(0deg) ;filter: hue-rotate(360deg);}
}
@keyframes rotate2{
	 0%{-webkit-transform:rotate(0deg) ;filter: hue-rotate(0deg);}
	30%{-webkit-transform:rotate(180deg)}
   100%{-webkit-transform:rotate(0deg) ;filter: hue-rotate(360deg);}
}	 
	 
	 

/*登記區塊*/
@media screen and (min-width:767px){
.Area_book {position: relative;display:block; width:1220px; height:1320px; margin:0 auto;top:0; padding:0; /*background:url(book_bg.png?t=1751287519291) top center no-repeat;*/}
 }
.Area_book .button_add{position:absolute; top: 340px;left: 575px;z-index:4}
.Area_book ul {display:flex ;width:1220px; position:relative; top:160px; left:0; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2;flex-direction: row;flex-wrap: wrap; justify-content: center; }
.Area_book ul li { position: relative; padding:0; margin:5px 0; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_book ul li a { display:block; text-decoration:none;}

@media screen and (max-width:767px){
  .Area_book { width:100%; height:100%; margin:0 auto; padding:0;  /*background:url(mb_20.jpg?t=1751287519291) top center no-repeat ; background-size:100%; */}
  .Area_book ul { display:flex; width:100%; position:relative; top:0; left: 0; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center}
  .Area_book ul li {display:inline-block; width:50%; padding:0 0 0 0; margin:0 0; text-decoration:none;  text-align:center;}
	.Area_book .button_add{position:absolute; top: 56vw;left: 45.5vw;z-index:4; width: 7%;}
  }

/*----------------1品-登記區塊START--------------*/
.Area_book_00 {position: relative;display:block; width:1220px; height:305px; margin:0 auto; padding:0; /*background:url(book00_bg.png?t=1751287519291) top center no-repeat;*/}
.Area_book_00 ul {display:block;width:1220px; position:absolute; top:15px; left:75px; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; }
.Area_book_00 ul li { position: relative; padding:0; margin:10px 6px; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_book_00 ul li a { display:block; text-decoration:none;}
.Area_book_00 .txt { 	display: block;z-index:8; margin: 0 auto; font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; line-height: 1.5; text-align: left; }
.Area_book_00 .txt p { width:112px; height:25px; border-radius:35px; text-align:center; background-color:#fff; color: #000;}
.Area_book_00 .txt1 { position:absolute; top: 125px; left:50px;}

/*----------------1品-登記區塊START--------------*/
.Area_book_01 {position: relative;display:block; width:1220px; height:250px; margin:0 auto; padding:0; }
.Area_book_01 ul {display:block;width:1220px; position:absolute; top:75px; left:80px; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; }
.Area_book_01 ul li { position: relative; padding:0; margin:10px 6px; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_book_01 ul li a { display:block; text-decoration:none;}
.Area_book_01 .txt { 	display: block;z-index:8; margin: 0 auto; font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; line-height: 1.5; text-align: left; }
.Area_book_01 .txt p { width:112px; height:25px; border-radius:35px; text-align:center; background-color:#fff; color: #000;}
.Area_book_01 .txt1 { position:absolute; top: 130px; left:55px;}


/*----------------2品-登記區塊START--------------*/
.Area_book_02 {position: relative;display:block; width:1220px; height:550px; margin:0 auto; padding:0; margin-bottom: 35px; }
.Area_book_02 ul {display:block;width:1000px; position:absolute; top:100px; left:88px; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; }
.Area_book_02 ul li { position: relative; padding:0 0 10px; margin:0 15px 10px 0; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_book_02 ul li a { display:block; text-decoration:none;}
.Area_book_02 .txt { 	display: block;z-index:8; margin: 0 auto; font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; line-height: 1.5; text-align: left; }
.Area_book_02 .txt p{ width:112px; height:25px; border-radius:35px; text-align:center; background-color:#fff; color: #000;}
.Area_book_02 .txt1 { position:absolute; top: 185px; left:153px;}
.Area_book_02 .book04{ position: absolute;  top:116px; left:890px; z-index: 2;}
.Area_book_02 .book05{ position: absolute;  top:230px; left:890px; z-index: 2;}

/*----------------3品-登記區塊START--------------*/
 .Area_book_03 {position: relative;display:block; width:1220px; height:365px; margin:0 auto; padding:150px 0 0 0; }
 .Area_book_03 ul {display:block;width:1220px; position:absolute; top:225px; left:60px ;padding:0 ;  text-decoration:none;  list-style:none; z-index:2; }
 .Area_book_03 ul li { position: relative; padding:0; margin:10px 0px; text-decoration:none;display:block; list-style:none;  float:left;}
 .Area_book_03 ul li a { display:block; text-decoration:none;}
 .Area_book_03 .txt { 	display: block;z-index:8; margin: 0 auto; font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; line-height: 1.5; text-align: left; }
 .Area_book_03 .txt p{ width:112px; height:25px; border-radius:35px; text-align:center; background-color:#fff; color: #000;}
 .Area_book_03 .txt1 { position:absolute; top: 192px; left:168px;}
 .Area_book_03 .book04{ position: absolute;   top:236px;left:977px;z-index: 2;}
 .Area_book_03 .book05{ position: absolute;   top:349px;left:977px;z-index: 2;}


/*----------------4品-登記區塊START--------------*/
.Area_book_04 {position: relative;display:block; width:1220px; height:680px; margin:0 auto; padding:0;  top:180px; margin-bottom: 50px; }
.Area_book_04 ul {display:block;width:1220px; position:relative; top:115px; left:85px; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; }
.Area_book_04 ul li { position: relative; padding:0; margin:3px 6px; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_book_04 ul li a { display:block; text-decoration:none;}
.Area_book_04 .txt1{ position:absolute; top: 151px ;left: 220px; margin: 0 auto;font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif;line-height:1.5;text-align: left; pointer-events:none;}
.Area_book_04 .txt1 p {width:120px; height:25px; border-radius:35px; text-align:center; color: #000;}
.Area_book_04 .book04{ position: absolute;  top:115px; left:890px; z-index: 2;}
.Area_book_04 .book05{ position: absolute;  top:321px; left:890px; 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 1vw; color:#000 ;text-align:center;border-radius: 4vw; font: bold 3vw/5vw "Century Gothic", Arial, "Microsoft JhengHei";}	

/*1品*/		
.book_01 { position:absolute;width:62.50%;  height: 100%;  top: -2vw;left:0vw; }
.book_01 .count { position: absolute; width: fit-content;   top: 83%; left: 66%; background: #fff; color:#000; border-radius: 4vw;  box-sizing: border-box;}
.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: #fff; color:#000; 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%; }

/*4品*/	
.book_box4 .book_01 { position: absolute; width: 50%; height: 36%; top: 0; left: 0;}
.book_box4 .book_01 .count { position: absolute; top: 91.5%; left: 30%; transform: translate(-50%,0); z-index: 3;}
.book_box4 .book_02 { position: absolute; width: 50%; height: 36%; top: 0; left: 50%;}
.book_box4 .book_02 .count {  position: absolute; top: 91.5%; left: 23%; transform: translate(-50%,0); z-index: 3;}
.book_box4 .book_03 { position:absolute; width: 50%; height: 37.5%; top: 40%;left: 0;}
.book_box4 .book_03 .count {  position: absolute; top: 91.5%; left: 30%; transform: translate(-50%,0); z-index: 3;}
.book_box4 .book_04 { position: absolute; width: 50%;  height: 37.5%; top: 40%; left: 50%;}
.book_box4 .book_04 .count {  position: absolute; top: 91.5%; left: 23%; transform: translate(-50%,0); z-index: 3;}
.book_box4 .post { position: absolute; width: 50%; height: 20%; top: 81%; left: 0;}
.book_box4 .list { position: absolute; width: 503%; height: 20%; top: 81%; left: 50%;}


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









/*規格*/
	
.Area3  {position: relative; display:block;}
.Area3  .tableArea{position: relative;width:90%; margin:30px auto 50px; overflow:hidden;}
.Area3  .tableArea_left{position: relative; float:left;}
.Area3  .tableArea_left .tableArea_swipper{position: relative;}
.Area3  .tableArea_left .tableArea_name{position: relative; color:#FFF; z-index:9;}
.Area3  .tableArea_left .tableArea_name .detail{position: absolute; top:-50px; right:0; width:fit-content;  color:#FFF; background:rgba(16, 186, 0, 0.5); padding:10px 15px; display:inline-block; transition:ease-in-out 0.3s;}
.Area3  .tableArea_left .tableArea_name .detail:hover{background:rgba(16, 186, 0, 0.8);}
.Area3  .tableArea_left .tableArea_name .brand {position:absolute; top:0; left:0; white-space:nowrap; width:100%; margin:18px auto 0; padding:0 10px 0 15px; height:50px; text-align:center; color:#FFF; font-weight:bold; font-size:30px; letter-spacing:-1px;}
.Area3  .tableArea_left .tableArea_name .name{position:absolute; top:45px; left:0; white-space:nowrap; width:100%; margin:18px auto 0; padding:0 10px 0 15px; height:50px; text-align:center; color:#FFF; font-weight:normal;font-size:25px; letter-spacing:-1px;}
.Area3  .tableArea_left .tableArea_name .del {position:absolute; bottom:5px; left:99px; white-space:nowrap; width:100%; text-align:left; color:#CCC;}
.Area3  .tableArea_left .tableArea_name .price {position:absolute; bottom:2px; left:0; white-space:nowrap; width:100%;margin:0; padding:0 20px 0 0; height:50px; text-align:right; color:#e5004f; font-weight:bold; font-size:50px; letter-spacing:-2px;}
.Area3  .tableArea_table{position: relative; float:left; background:url(b_03.png?t=1751287519291) top center no-repeat; background-size:100%; width:703px; height:479px;}
.Area3  .tableArea_table .name{ width:276px; height:55px; margin:39px 10px 0 65px; padding:10px;text-align:center; color:#FFF; font-weight:normal;font-size:25px; letter-spacing:-1px; white-space:nowrap; box-sizing:border-box; display:inline-block;}
.Area3  .tableArea_table .tag{width:fit-content;  color:#FFF; background:rgba(3, 57, 58, 0.5); padding:10px; display:inline-block; transition:ease-in-out 0.3s;}
.Area3  .tableArea_table .tag:hover{background:rgba(3, 57, 58, 1);}


.Area3  .tableArea_left .tableArea_name2{position: relative; color:#FFF; z-index:9;}
.Area3  .tableArea_left .tableArea_name2 .detail{position: absolute; top:-50px; right:0; width:fit-content;  color:#FFF; background:rgba(16, 186, 0, 0.5); padding:10px 15px; display:inline-block; transition:ease-in-out 0.3s;}
.Area3  .tableArea_left .tableArea_name2 .detail:hover{background:rgba(16, 186, 0, 0.8);}
.Area3  .tableArea_left .tableArea_name2 .brand {position:absolute; top:0; left:0; white-space:nowrap; width:100%; margin:18px auto 0; padding:0 10px 0 15px; height:50px; text-align:center; color:#FFF; font-weight:bold; font-size:30px; letter-spacing:-1px;}
.Area3  .tableArea_left .tableArea_name2 .name{position:absolute; top:45px; left:0; white-space:nowrap; width:100%; margin:18px auto 0; padding:0 10px 0 15px; height:50px; text-align:center; color:#FFF; font-weight:normal;font-size:25px; letter-spacing:-1px;}
.Area3  .tableArea_left .tableArea_name2 .del {position:absolute; bottom:5px; left:99px; white-space:nowrap; width:100%; text-align:left; color:#CCC;}
.Area3  .tableArea_left .tableArea_name2 .price {position:absolute; bottom:2px; left:0; white-space:nowrap; width:100%;margin:0; padding:0 20px 0 0; height:50px; text-align:right; color:#e5004f; font-weight:bold; font-size:50px; letter-spacing:-2px;}

.Area3  .tableArea_table2{position: relative; float:left; background:url(b_03_1.png?t=1751287519291) top center no-repeat; background-size:100%; width:703px; height:479px;}
.Area3  .tableArea_table2 .name{ width:276px; height:55px; margin:39px 10px 0 65px; padding:10px;text-align:center; color:#FFF; font-weight:normal;font-size:25px; letter-spacing:-1px; white-space:nowrap; box-sizing:border-box; display:inline-block;}
.Area3  .tableArea_table2 .tag{width:fit-content;  color:#FFF; background:rgba(0, 0, 0, 0.3); padding:10px; display:inline-block; transition:ease-in-out 0.3s;}
.Area3  .tableArea_table2 .tag:hover{background:rgba(0, 0, 0, 0.5);}

	@media screen and (max-width:767px){
		.Area3  {position: relative; display:block; width:100%;}
		.Area3  .tableArea{width:100%; margin:3vw auto 4vw;}
		.Area3  .tableArea_left{position: relative; float:none; width:100%; overflow:hidden;}
		.Area3  .tableArea_left .tableArea_swipper{position: relative;  float:left; width:35%;}		
		.Area3  .tableArea_left .tableArea_name {position: relative;  float:left; width:60%;}
		.Area3  .tableArea_left .tableArea_name .detail{position: absolute;top: 104%;  left: 2%;width:fit-content;  color:#FFF; background:rgba(16, 186, 0, 0.5); padding:0.5vw 10vw; display:inline-block; transition:ease-in-out 0.3s; z-index:9;}	
		.Area3  .tableArea_left .tableArea_name .brand {position:absolute; top:0; left:0;  font-size:5vw; margin:2vw 0 1vw -1vw;}
		.Area3  .tableArea_left .tableArea_name .name{position:absolute; top:11vw; left:1vw; margin:0 auto ; padding:0; height:10vw; font-size:4.2vw; letter-spacing:-1px;}
		.Area3  .tableArea_left .tableArea_name .del {position:absolute; left:10%; bottom:1vw; height:auto; text-align:left; font-size:3.5vw; letter-spacing:0; }
		.Area3  .tableArea_left .tableArea_name .price {position:absolute; width: 100%; bottom:-5vw; right:1%; height:auto; text-align:right; font-size:8vw; letter-spacing:-2px;}
		.Area3  .tableArea_table{position: relative; float:none; background:#097c25d1; background-size:100%; width:95%; height:auto; margin:0 auto;}
		.Area3  .tableArea_table .name{ width:100%; height:auto; margin:0 auto; padding:3vw 1vw; font-size:6vw; letter-spacing:-1px; white-space:nowrap; box-sizing:border-box; display:inline-block;}

		.Area3  .tableArea_left .tableArea_name2 {position: relative;  float:left; width:60%;}
		.Area3  .tableArea_left .tableArea_name2 .detail{position: absolute;top: 104%;  left: 2%;width:fit-content;  color:#FFF; background:rgba(0, 0, 0, 0.5); padding:0.5vw 10vw; display:inline-block; transition:ease-in-out 0.3s; z-index:9;}	
		.Area3  .tableArea_left .tableArea_name2 .brand {position:absolute; top:0; left:0;  font-size:5vw; margin:2vw 0 1vw -1vw;}
		.Area3  .tableArea_left .tableArea_name2 .name{position:absolute; top:11vw; left:1vw; margin:0 auto ; padding:0; height:10vw; font-size:4.2vw; letter-spacing:-1px;}
		.Area3  .tableArea_left .tableArea_name2 .del {position:absolute; left:10%; bottom:1vw; height:auto; text-align:left; font-size:3.5vw; letter-spacing:0; }
		.Area3  .tableArea_left .tableArea_name2 .price {position:absolute; width: 100%; bottom:-5vw; right:1%; height:auto; text-align:right; font-size:8vw; letter-spacing:-2px;}
		.Area3  .tableArea_table2{position: relative; float:none; background:#777777cf; background-size:100%; width:95%; height:auto; margin:0 auto;}
		.Area3  .tableArea_table2 .name{ width:100%; height:auto; margin:0 auto; padding:3vw 1vw; font-size:6vw; letter-spacing:-1px; white-space:nowrap; box-sizing:border-box; display:inline-block;}


	}
/*規格*/
			
/*輪播區*/
.Area3 .tableArea_swipper .box{position:absolute;width: 100%; top:0; left: 0; overflow: hidden;padding-bottom: 0;z-index:3;}
.Area3 ul{padding: 0;}
.Area3 ul li{list-style:none;}
.Area3 .box img{width: 100%;}
.Area3 .pagination{bottom:30px;left: calc(50% - 15px);}
.Area3 .pagination .swiper-pagination-bullet{margin: 0 5px;}
.Area3 .button.swiper-button-next{margin:0 0 0 20px;right:-10px;top:45%;background:none;width:0;height: 0;border-style: solid;border-width: 15px 0px 15px 20px;border-color:transparent transparent transparent #FFF ;}
.Area3 .button.swiper-button-prev{margin:0 20px;top:45%; left:-10px;background:none;width:0;height: 0;border-style: solid;border-width: 15px 20px 15px 0;border-color:transparent #FFF transparent transparent;}
.Area3 .button{display: none!important;}
.Area3:hover .button{display: block!important;}
/*.Area3 .swiper-slide-prev{filter: brightness(30%)}
.Area3 .swiper-slide-next{filter: brightness(30%)}
.Area3 .swiper-slide-next{filter: brightness(30%)}*/

	@media screen and (max-width:767px){
	.Area3 .button.swiper-button-prev{display:none;}
	.Area3 .tableArea_swipper .box{position:absolute;width: 100%; top:-3vw; left: 0; overflow: hidden;padding-bottom: 0;z-index:3;}
	}

	

/*TABLE*/
.table-container {  position: relative;  width:90%;  margin: 5px auto 0; padding-left:25px;  color:#FFF; text-align:center; font-size:18px; line-height: 20px;}
.table-container .inner {  overflow: hidden;}
.table-container table {  table-layout: fixed;  border-collapse: collapse; width: 97%;  margin: 0 auto;  text-align: left;  overflow: hidden;}
.table-container table tbody, .table-container table thead {  padding: 0 1em;}
.table-container table tr:not(:last-child) {  border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.table-container tbody tr:hover {  background-color: rgba(255, 255, 255, 0.1);}
.table-container thead tr {  border-bottom: 1px solid rgba(255,255,255,.4); background:rgba(3, 57, 58, 0.5);}
.table-container th, .table-container td {  padding: .6em .5em;  word-break: break-all;}

	@media screen and (max-width:767px){
		.table-container {  position: relative;  width:100%;  margin:5vw auto ; padding-left:0;  color:#FFF; text-align:center; font-size:4vw; line-height:4vw;}
		.table-container th{ text-align: center;}
		.table-container th, .table-container td {  padding: .6em .5em; }
	}
	
/*TABLE1*/
.table-container2 {  position: relative;  width:90%;  margin: 5px auto 0; padding-left:25px;  color:#FFF; text-align:center; font-size:18px; line-height: 20px;}
.table-container2 .inner {  overflow: hidden;}
.table-container2 table {  table-layout: fixed;  border-collapse: collapse; width: 97%;  margin: 0 auto;  text-align: left;  overflow: hidden;}
.table-container2 table tbody, .table-container table thead {  padding: 0 1em;}
.table-container2 table tr:not(:last-child) {  border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.table-container2 tbody tr:hover {  background-color: rgba(255, 255, 255, 0.1);}
.table-container2 thead tr {  border-bottom: 1px solid rgba(255,255,255,.4); background:rgba(0, 0, 0, 0.3);}
.table-container2 th, .table-container2 td {  padding: .6em .5em;  word-break: break-all;}

	@media screen and (max-width:767px){
		.table-container2 {  position: relative;  width:100%;  margin:5vw auto ; padding-left:0;  color:#FFF; text-align:center; font-size:4vw; line-height:4vw;}
		.table-container2 th{ text-align: center;}
		.table-container2 th, .table-container2 td {  padding: .6em .5em; }
	}
	
/*Appletxt*/
.apple_txt{position: relative;margin:30px auto; color:#FFF;font-size: 14px;text-align: center; }


	

	
/** 入稿區基本 **/

.content_Area { position:relative; display:inline-block; margin:0px 0 0px -40px; padding: 0; width:1300px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px;background:#fff06c; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em;}
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}
	@media screen and (max-width: 736px) {
		.content_Area {	border-radius: 0; border: 0 solid #fff;padding:1vw 0;}
		.title{width:100%; margin:0 auto;}
		.title img { width: 100%;}
	}



/** 公版模組layout_1220_4x1_03 **/
.layout_1220_4x1_03  {height:600px; margin-bottom:0px;padding:0;} 
 

.Area .layout_1220_4x1_03:nth-0f-type(1) { background: url(layoutbg_01.png?t=1751287519292) no-repeat scroll  center top; } 
.Area .layout_1220_4x1_03:nth-0f-type(2) { background: url(layoutbg_02.png?t=1751287519292) no-repeat scroll  center top;} 
.Area .layout_1220_4x1_03:nth-0f-type(3) { background: url(layoutbg_03.png?t=1751287519292) no-repeat scroll  center top;} 
.Area .layout_1220_4x1_03:nth-0f-type(4) { background: url(layoutbg_04.png?t=1751287519292) no-repeat scroll  center top;} 

.Area .layout_1220_4x1_03:nth-child(odd) h2{ color:#42c204;} 
.Area .layout_1220_4x1_03:nth-child(even) h2{ color:#42c204;} 

.layout_1220_4x1_03 h2 { position:relative; top:25px; margin:0px; padding:0px; width:1220px; height:100px; font: 45px/100px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#FFF; letter-spacing:-3px; overflow:hidden;}
.layout_1220_4x1_03 h2 b {font: bold 45px/100px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#33dfa1; letter-spacing:-3px;}
.layout_1220_4x1_03 h2 .buttonAera_more { top:35px; right:25px; background-color: #3B3B3B; background-color:rgba(0,0,0,0.6);}
.layout_1220_4x1_03 h2 .buttonAera_more:hover {background-color: #000;}
.layout_1220_4x1_03 ul {margin:3px 0px 0px 77px; padding:0px;    overflow: hidden;}
.layout_1220_4x1_03 ul li { float:left; display:inline-block; position:relative; margin:0px 4px 4px 0px; padding:0px 0px 0px 0px; width: 280px; height:395px; list-style: none outside none; background:#FFF;}
.layout_1220_4x1_03 ul li a {text-decoration:none;}
.layout_1220_4x1_03 ul li a img { display:block; margin:0px; padding:10px; width:265px; height:265px;}
.layout_1220_4x1_03 ul li a h3 { margin:0px; padding:0px; height: 38px;font: bold 20px/38px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #FFF; background:#000;}
.layout_1220_4x1_03 ul li a h4 { margin:5px 0 2px; padding:0 10px; height: 18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_1220_4x1_03 ul li:hover a h4 {color:#d92670;}
.layout_1220_4x1_03 ul li a p { margin:0; padding:0 10px; height: 38px; text-align: center; color:#d92670;}
.layout_1220_4x1_03 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_1220_4x1_03 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_4x1_03 ul li a p .money { font: bold 14px/38px Century Gothic;}
.layout_1220_4x1_03 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px;}
.layout_1220_4x1_03 ul li a p small { font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
	@media screen and (max-width: 736px) {
		.content_Area.layout_1220_4x1_03:nth-child(odd)  { box-sizing: border-box; margin:2% 2% !important; padding:0%; width: 96%; height:auto; background:#020202!important; border-radius: 0; border: 0 solid #fff;padding:2vw 0;}
		.content_Area.layout_1220_4x1_03:nth-child(even)  { box-sizing: border-box; margin:2% 2% !important; padding:0%; width: 96%; height:auto; background:#000000!important; border-radius: 0; border: 0 solid #fff;padding:2vw 0;}
		.content_Area.layout_1220_4x1_03:first-child   {margin:0px auto;}
		.content_Area.layout_1220_4x1_03 * { font-size:14px; box-sizing: border-box; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
		.content_Area.layout_1220_4x1_03 h2 {text-align:center; width: 100%;height:20vw;font-size:7vw; line-height:18vw; letter-spacing:0; }
		.content_Area.layout_1220_4x1_03 h2 b { display: inline; font-size:1em; font-weight: bold; line-height:1.2; letter-spacing:0px; text-align: left; color: #42c204;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
		.content_Area.layout_1220_4x1_03 ul { overflow:hidden; display: block; margin: 0 auto; width: 96%; box-sizing: border-box; border:0px solid rgba(0,0,0,0.1);}
		.content_Area.layout_1220_4x1_03 ul li { float: left; display: inline-block; box-sizing: border-box; margin:1%; padding:0; width:49%; height:auto; border: 0px; background-color:#FFF;}
		.content_Area.layout_1220_4x1_03 ul li { box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
		.content_Area.layout_1220_4x1_03 ul li:nth-child(odd) { margin-left:0%;}
		.content_Area.layout_1220_4x1_03 ul li:nth-child(even) { margin-right:0%;}
		.content_Area.layout_1220_4x1_03 ul li:hover,
		.content_Area.layout_1220_4x1_03 ul li:active { box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
		.content_Area.layout_1220_4x1_03 ul li a { display: inline-block; box-sizing: border-box; margin: 0px; padding: 0px; width: 100%; height: auto; text-decoration: none; }
		.content_Area.layout_1220_4x1_03 ul li a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
		.content_Area.layout_1220_4x1_03 ul li a h3 { float: none; display:block; position: relative; margin:5px 0px; padding:0 5%; width: 100%; height: 24px; overflow:hidden; font-size:100%; line-height:24px; text-align: center; color:#fff; }
		.content_Area.layout_1220_4x1_03 ul li a h4 { float: none; display:block; position: relative; margin:0px; padding:0 5%; width: 100%; height: 5vw; overflow:hidden; font-size:100%; line-height:20px;     text-align: center;color: #666; background-color:transparent;}
		.content_Area.layout_1220_4x1_03 ul li a h4 b { float: none; display:inline; position: relative; top:0px; margin:0px; padding:0px; font-size:100%; line-height:20px;; text-align: left; color: #666; background-color:transparent;}
		.content_Area.layout_1220_4x1_03 ul li a h4 b { display:none;}
		.content_Area.layout_1220_4x1_03 ul li a h4 br { display:none;}
		.content_Area.layout_1220_4x1_03 ul li:hover a h4,
		.content_Area.layout_1220_4x1_03 ul li:hover a h4 b {text-decoration: none; color:#000;}
		.content_Area.layout_1220_4x1_03 ul li a p { float: none; display:block; position: relative; margin:0px; padding:0 5%; width: 100%; height: auto; font-size:100%; line-height:1.4; text-align: center; color: #ff3399; background-color:transparent;}
		.content_Area.layout_1220_4x1_03 ul li a p del { padding-right:5px; font: 12px/12px Century Gothic; color:#5e5e5e;}
		.content_Area.layout_1220_4x1_03 ul li a p b { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#E2347B; letter-spacing:-1px;}
		.content_Area.layout_1220_4x1_03 ul li a p .money { font: bold 14px/26px Century Gothic; color:#E2347B;}
		.content_Area.layout_1220_4x1_03 ul li a p .Price { font: bold 26px/36px Century Gothic; letter-spacing:-1px; color:#E2347B;}
		
	}
		
		
/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;} 






/*攻略btn*/
	.top04:after,
	.top04:before,
	.top04 {position: absolute;top:480px;left:5px;display: block;padding: 0 0px;border-radius:50px;/*width: 175px;height: 65px;*/
						  -webkit-transition: all 0.2s ease;
							 -moz-transition: all 0.2s ease;
							  -ms-transition: all 0.2s ease;
							   -o-transition: all 0.2s ease;
								  transition: all 0.2s ease;}
								  
								  
	.top04:after,
	.top04:before { background-color:#FFF;}
	.top04:hover a::after,
	.top04:hover a::before,
	.top04:hover a { background-color:#E4292C;}
	.top04:after,
	.top04:before { content: ""; z-index:-1; position:absolute; top:0; left:0; padding:0; box-shadow: none; width:100%; height:100%; -webkit-transform:scale(1); transform:scale(1); opacity:0.5;}
	.top04:after,
	.top04:before {-webkit-animation:btn_more-play 1.5s infinite linear;
										  animation:btn_more-play 1.5s infinite linear;}
	.top04:before { -webkit-animation-delay:.5s; animation-delay:.5s;}	
	@-webkit-keyframes btn_more-play {
			  75% { -webkit-transform:scale(1.2,1.7); transform:scale(1.2,1.7); opacity:0;}
			 100% { -webkit-transform:scale(1.2,1.7); transform:scale(1.2,1.7); opacity:0;}
		}
		@keyframes btn_more-play {
			  75% { -webkit-transform:scale(1.2,1.7); transform:scale(1.2,1.7); opacity:0;}
			 100% { -webkit-transform:scale(1.2,1.7); transform:scale(1.2,1.7); opacity:0;}
		}	
	
	
	@media screen and (max-width:767px){
	.top04:after,
	.top04:before,
	.top04 {position: absolute;top:0px;left:0px;display: block;padding: 0 0px;border-radius:100px;/*width: 175px;height: 65px;*/
						  -webkit-transition: all 0.2s ease;
							 -moz-transition: all 0.2s ease;
							  -ms-transition: all 0.2s ease;
							   -o-transition: all 0.2s ease;
								  transition: all 0.2s ease;}
								  
								  
	.top04:after,
	.top04:before { background-color:#FFF;}
	.top04:hover a::after,
	.top04:hover a::before,
	.top04:hover a { background-color:#E4292C;}
	.top04:after,
	.top04:before { content: ""; z-index:-1; position:absolute; top:0; left:0; padding:0; box-shadow: none; width:100%; height:100%; -webkit-transform:scale(1); transform:scale(1); opacity:0.5;}
	.top04:after,
	.top04:before {-webkit-animation:btn_more-play 1.5s infinite linear;
										  animation:btn_more-play 1.5s infinite linear;}
	.top04:before { -webkit-animation-delay:.5s; animation-delay:.5s;}	
	@-webkit-keyframes btn_more-play {
			  75% { -webkit-transform:scale(1.2,1.7); transform:scale(1.2,1.7); opacity:0;}
			 100% { -webkit-transform:scale(1.2,1.7); transform:scale(1.2,1.7); opacity:0;}
		}
		@keyframes btn_more-play {
			  75% { -webkit-transform:scale(1.2,1.7); transform:scale(1.2,1.7); opacity:0;}
			 100% { -webkit-transform:scale(1.2,1.7); transform:scale(1.2,1.7); opacity:0;}
		}	
		}	
	
	
/** 公版模組layout_rwd_1f4s_02 **/
.layout_rwd_1f4s_02  { position:relative; margin-bottom:75px;height:590px;} 
.layout_rwd_1f4s_02:nth-of-type(1){background: url(layoutbg_01.png?t=1751287519292) no-repeat scroll  center top;}
.layout_rwd_1f4s_02:nth-of-type(2) {background: url(layoutbg_02.png?t=1751287519292) no-repeat scroll  center top;}
.layout_rwd_1f4s_02:nth-of-type(3)  {background: url(layoutbg_03.png?t=1751287519292) no-repeat scroll  center top;}
.layout_rwd_1f4s_02:nth-of-type(4)  {background: url(layoutbg_04.png?t=1751287519292) no-repeat scroll  center top;}

.layout_rwd_1f4s_02:nth-of-type(3n+1) h2 { position:relative; top:0px; margin:0px; padding:45px 0 0 0; margin-bottom: 0px;width:100%; height:100px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#ffffff; letter-spacing:-3px; overflow:hidden;/*background: url(layoutBG_01.png?t=1751287519292) no-repeat scroll  center top;*/}
.layout_rwd_1f4s_02:nth-of-type(3n+2) h2 { position:relative; top:0px; margin:0px; padding:45px 0 0 0; margin-bottom: 0px; width:100%; height:100px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#ffffff; letter-spacing:-3px; overflow:hidden;/*background: url(layoutBG_02.png?t=1751287519292) no-repeat scroll  center top;*/}
.layout_rwd_1f4s_02:nth-of-type(3n+3) h2 { position:relative; top:0px; margin:0px; padding:15px 0 0 0; margin-bottom: 0px; width:100%; height:100px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#ffffff; letter-spacing:-3px; overflow:hidden;/*background: url(layoutBG_03.png?t=1751287519292) no-repeat scroll  center top;*/}
.layout_rwd_1f4s_02:nth-of-type(3n+4) h2 { position:relative; top:0px; margin:0px; padding:15px 0 0 0; margin-bottom: 0px; width:100%; height:100px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#ffffff; letter-spacing:-3px; overflow:hidden;/*background: url(layoutBG_04.png?t=1751287519292) no-repeat scroll  center top;*/}

@media screen and (max-width:767px){
	.layout_rwd_1f4s_02:nth-of-type(3n+1) h2  {position:relative; top:0px; padding:0 0 0 0; width:100%; height:60px; font: 28px/60px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#fff; letter-spacing:-1px; overflow:hidden;/*background:#fce9db;*/}
	.layout_rwd_1f4s_02:nth-of-type(3n+2) h2  {position:relative; top:0px; margin:0px; padding:0 0 0 0; width:100%; height:60px; font: 28px/60px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#fff; letter-spacing:-1px; overflow:hidden;/*background:#fce9db;*/}
	.layout_rwd_1f4s_02:nth-of-type(3n+3) h2  {position:relative; top:0px; margin:0px; padding:0 0 0 0; width:100%; height:60px; font: 28px/60px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#fff; letter-spacing:-1px; overflow:hidden;/*background:#fce9db;*/}
	.layout_rwd_1f4s_02:nth-of-type(3n+4) h2  {position:relative; top:0px; margin:0px; padding:0 0 0 0; width:100%; height:60px; font: 28px/60px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#fff; letter-spacing:-1px; overflow:hidden;/*background:#fce9db;*/}
	}
.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 { display:inline-block;     margin: 0px 0 0 0;padding: 155px 0px 0px 41px;}
.layout_rwd_1f4s_02 ul li { float:left; display:inline-block; position:relative; margin:0px 16px 20px 0px;border-radius: 15px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 270px; height:345px; 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:0 auto; padding:10px; width:210px; height:210px;}
.layout_rwd_1f4s_02 ul li a h3 { position: relative; margin:0 10px; padding:0 10px; border-radius:15px; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #FFF; background:#000;}
.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:767px) {
		.layout_rwd_1f4s_02{ width:100%; height:auto; overflow:auto; margin-bottom:-10px; background-image: none !important;border-radius: 15px; padding: 0 0 2vw; margin:2% 2% 5% 2%; width: 96%;}
		.layout_rwd_1f4s_02 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		
		.layout_rwd_1f4s_02:nth-of-type(3n+1){background:#77b900;}
		.layout_rwd_1f4s_02:nth-of-type(3n+2){background:#77b900;}
		.layout_rwd_1f4s_02:nth-of-type(3n+3){background:#77b900;}
		.layout_rwd_1f4s_02:nth-of-type(3n+4){background:#77b900;}
		
		.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 {margin: 0;padding: 7% 0 0 2%;}
		.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_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;}
		.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:normal; font-size:14px; line-height:24px; text-align:center;  color:#fff;}
		.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: 30px/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;}*/

	}