@charset "utf-8";
/* CSS Document */


/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 20px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:30px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; 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:767px){
		.buttonAera_more { top:4vw; right:2%; padding-left:1vw; padding-right:0; width:18vw; height:8vw;}
		.buttonAera_more a { padding-top:1vw; font: bold 5vw/5.5vw Century Gothic;}
		.buttonAera_more .btnGO { margin:1vw 1vw; float:right; width:4vw ;height: auto;}
	}
	
/** 入稿區基本 **/
.m_content_Area  { position:relative; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; margin: 0 auto; padding:0; width: 100%; height:auto; overflow:hidden; font-size:14px; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
.m_content_Area * { -webkit-box-sizing:border-box; box-sizing:border-box; text-align: center;}
.m_content_Area h2 { position: relative; margin:0 auto; padding: 0px; height:78px; overflow:hidden; font-weight: bold; font-size:20px; line-height:48px; color: #fff; text-align: left; letter-spacing: -0.05em;}
.m_content_Area h2 span:before { content:"▌"; color:#ff0;}
.m_content_Area h2 span { position:relative; padding:0 2%;}
.m_content_Area .buttonAera_more { float:right; position: absolute; top:12px; right:2%; margin:0; padding:0 10px; border-radius:24px; width:auto; height: auto; background-color:rgba(0,0,0,0.7);}
.m_content_Area .buttonAera_more a { display:block; font-size:13px; line-height:24px; color:#fff; text-decoration: none; letter-spacing:-0.05em;}
	
	
/** 公版模組layout_1220_2x2_4 **/
.layout_1220_2x2_4  {height:1155px; margin-bottom:200px;} 
.layout_1220_2x2_4:nth-child(1)  {background:url(layout_1220_2x2_4-bg1.png?t=1750846216765) center top no-repeat; } 
.layout_1220_2x2_4:nth-child(2)  {background:url(layout_1220_2x2_4-bg2.png?t=1750846216765) center top no-repeat; } 
.layout_1220_2x2_4:nth-child(3)  {background:url(layout_1220_2x2_4-bg3.png?t=1750846216765) center top no-repeat; } 

.layout_1220_2x2_4 h2 { margin:0; padding:0; height:83px;font: bold 56px/83px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: left;color: #fff; letter-spacing:-3px; text-shadow:1px 1px 0px #000}
.layout_1220_2x2_4 ul {margin:60px 0px 0px 10px; padding:0;}
.layout_1220_2x2_4 ul li { transition-duration:0.2s; float:left; display:inline-block; position:relative; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; width:589px; /*border: 3px solid #b18731;*/ height:310px; list-style: none outside none;/* background:#fff;*/ background:url(2x2p_bg.png?t=1750846216765) left bottom no-repeat;}
.layout_1220_2x2_4 ul li:nth-child(odd) { animation-delay:0.2s }
.layout_1220_2x2_4 ul li:hover { 
-webkit-transform:translateY(-5px);-webkit-filter:brightness(112%);
-moz-transform:translateY(-5px);-moz-filter:brightness(112%);
-ms-transform:translateY(-5px);-ms-filter:brightness(112%);
-o-transform:translateY(-5px);-o-filter:brightness(112%);
transform:translateY(-5px);filter:brightness(112%); }

.layout_1220_2x2_4 ul li a {text-decoration:none; cursor:pointer; display:block}
.layout_1220_2x2_4 ul li a .imgArea { display:inline-block;}
.layout_1220_2x2_4 ul li a img { display:block; margin:0px; width:280px; height:280px; margin:10px 10px 10px 10px; padding:5px;}
.layout_1220_2x2_4 ul li a .boxArea { margin:0; display:inline-block; width:270px; height:290px; }
.layout_1220_2x2_4 ul li a h3 { margin:70px 0px 10px 10px; padding:0px; width: 272px;height: 35px;font: bold 34px/34px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align:left;;color: #000; letter-spacing:-0.03em; float:left;}
.layout_1220_2x2_4 ul li a h4 { margin:0px auto 0 10px; padding-top:0px; width: 272px;height: 38px;font: 18px/1.5em "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: left;color:#3b3b3b; /*border-top:solid 1px #999;*/ float:left}
.layout_1220_2x2_4 ul li:hover a h4 {}
.layout_1220_2x2_4 ul li a p { margin:0px auto 0px 10px; padding:0px;;width:272px;height: 33px;text-align: left; color:#db2471; float:left}
.layout_1220_2x2_4 ul li a p del { padding-right:5px; font: 14px/20px Century Gothic; color:#5e5e5e;}
.layout_1220_2x2_4 ul li a p b { font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.layout_1220_2x2_4 ul li a p small { font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.layout_1220_2x2_4 ul li a p .money { font: bold 19px/26px Century Gothic; color:#db2471;}
.layout_1220_2x2_4 ul li a p .Price { font: 52px/60px Century Gothic; letter-spacing:-1px; color:#db2471;letter-spacing:-0.05em;}
.layout_1220_2x2_4 ul li a .btnClick { display:none; margin:43px auto 0 auto; width:265px; height:55px; /*background-image:url(gogo_btn.png?t=1750846216765);*/background-repeat:no-repeat;  float:left;font-size: 28px;font-weight: 500;    text-align: center;color:#fff;border-radius:35px;}
.layout_1220_2x2_4 ul li:hover a .btnClick {border:2px solid #caa24f;}
@media screen and (max-width:767px){
	.layout_1220_2x2_4  {height:auto; width:100%;margin:12vw auto 0; background-size:58% !important;} 
	.layout_1220_2x2_4 h2 { height:18vw;}
	.layout_1220_2x2_4 ul  {margin:0 auto;  padding: 0 0 0 2%;}
	.layout_1220_2x2_4 ul li { float: left;display: inline-block;position: relative;margin: 0px 1% 2% 0px;padding: 0px 0px 0px 0px;width: 48.6%;height:auto;list-style: none outside none;/*border: 3px solid #b18731;background: #fff;*/ background-size:100%; background-position-y:23vw;}
	.layout_1220_2x2_4 ul li a img  {     display: block;margin: 0px;width: 100%;height: auto;margin: 0px;padding: 0px;}
	.layout_1220_2x2_4 ul li a .boxArea { margin:-4vw auto 0; display:inline-block; width:100%; height:auto; }
	.layout_1220_2x2_4 ul li a h3 { margin:0 auto; padding:0px; width: 100%;height: 32px;font: bold 15px/34px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align:center;color: #000;    /*background-color: #101648;*/ letter-spacing:-0.03em; float:right;}
	.layout_1220_2x2_4 ul li a h4 { margin:0px auto; padding:0; width: 100%;height: 21px;font: 14px/1.5em "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#3b3b3b; /*border-top:solid 1px #999;*/ float:right}
	.layout_1220_2x2_4 ul li a p { margin:-7% 0 0 0;; padding:0px;;width:100%;height: 50px;text-align: center; color:#db2471; float:right}
	.layout_1220_2x2_4 ul li a p del { padding-right:5px; font: 12px/20px Century Gothic; color:#5e5e5e;}
	.layout_1220_2x2_4 ul li a p b { font: bold 14px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
	.layout_1220_2x2_4 ul li a p small { font: bold 14px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
	.layout_1220_2x2_4 ul li a p .money { font: bold 14px/26px Century Gothic; color:#db2471;}
	.layout_1220_2x2_4 ul li a p .Price { font: 30px/60px Century Gothic; letter-spacing:-1px; color:#db2471;letter-spacing:-0.05em;}
	.layout_1220_2x2_4 ul li a .btnClick { margin:6px 0 0 10%;padding:0; width:81%; height:29px;border: 1px solid #b18731; background-image:url(gogo_btn.png?t=1750846216765);background-repeat:no-repeat;background-size: 100%;  float:left; border-radius:35px;}
	.layout_1220_2x2_4 ul li:hover a .btnClick {border:2px solid #999;}
	}
	

/** 公版模組layout_1220_3x2  **/
.content_Area.layout_1220_3x2{ position:relative; display:inline-block; margin:0 auto 40px; padding:0; width:1220px; height:569px;}
.layout_1220_3x2:nth-child(1) {background:url(layout_1220_3x2-bg.png?t=1750846216765) center top no-repeat;} 
.layout_1220_3x2:nth-child(2) {background:url(layout_1220_3x2-bg2.png?t=1750846216765) center top no-repeat;} 
.layout_1220_3x2 h2 {position:relative; top:-80px; margin:0 auto; padding:0;  height:118px; font:bolder 50px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#FFF; letter-spacing:-3px; overflow:hidden; font-style:italic; text-shadow:3px 3px #000;}
.layout_1220_3x2 h2 b { display:none; font: bold 56px/100px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#FFF; letter-spacing:-3px;}
.layout_1220_3x2 h2 .buttonAera_more {  top:35px; right:25px; background-color: #3B3B3B; background-color:rgba(0,0,0,0.6);}
.layout_1220_3x2 h2 .buttonAera_more:hover {background-color: #000;}
.layout_1220_3x2 ul { margin:0px 0px 0 34px; padding:147px 0 0;overflow:hidden;}
.layout_1220_3x2 ul li { float:left; display: initial; position:relative; margin:0px 3px 10px 0px; padding:0px 0px 0px 0px; width: 377px; height:190px; list-style: none outside none; background:#FFF; overflow:hidden;
				  -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;}
.layout_1220_3x2 ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.layout_1220_3x2 ul li a {text-decoration:none;display: contents;}
.layout_1220_3x2 ul li img { float:left; display:block; margin:0px; padding:0px; width:190px !important; height:184px  !important; }

.layout_1220_3x2 ul li h3 { margin:17px 6px 0 0px; padding:0 0 0 10px; height: 38px; width:150px; overflow:hidden; font: bold 17px/38px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: left; color: #fff; background:#466094;}

.layout_1220_3x2 ul li h4 { margin:5px 0 2px; padding:0 10px; height: 40px; overflow:hidden; font: 16px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: left;color:#000;}
.layout_1220_3x2 ul li h4 b{}
.layout_1220_3x2 ul li:hover h4 {color:#d92670;}
.layout_1220_3x2 ul li p { margin:0 0 0 200px; padding:0 10px; text-align: left; color:#d92670;}
.layout_1220_3x2 ul li p del { position:relative; top:15px; display:block; padding-right:0px; font: 12px/12px Century Gothic; color:#5e5e5e;}
.layout_1220_3x2 ul li p b { font: bold 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_3x2 ul li p .money { font: bold 14px/38px Century Gothic;}
.layout_1220_3x2 ul li p .Price { font: 34px/38px Century Gothic; letter-spacing:-1.5px;}
.layout_1220_3x2 ul li p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
	/*特標箭頭*/
	.layout_1220_3x2 ul li a:before,
	.layout_1220_3x2 ul li a:after { content: ""; z-index:1; position: absolute; top:17px; left:349px; width: 0; height: 0; border: 10px solid #000; border-width:10px 6px; border-color:#466094 transparent transparent #466094;}
	.layout_1220_3x2 ul li a:after { -webkit-transform:scaleY(-1) translateY(2px); transform:scaleY(-1) translateY(2px); -webkit-transform-origin:bottom; transform-origin:bottom;}
	/*GO*/
	.layout_1220_3x2 ul li p:before {content: "GO"; z-index:2; position: absolute; bottom:3px; right:1px; font: bold 16px/16px Century Gothic; color:#fff; }
	.layout_1220_3x2 ul li p:after {content: ""; z-index:1; position: absolute; bottom:0; right:0; width: 0; height: 0; border: 22px solid #000; border-color: transparent #466094  #466094 transparent;}

	@media screen and (max-width: 736px) {
		.layout_1220_3x2.content_Area  { box-sizing: border-box; margin:0px auto; padding:0%; width: 100%; height:auto; background-image:none !important; border-radius: 0; border: 0 solid #fff;padding:2vw 0;}
		.layout_1220_3x2.content_Area:first-child   {margin:0px auto;}
		.layout_1220_3x2.content_Area * { font-size:14px; box-sizing: border-box; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
		.layout_1220_3x2.content_Area h2 { overflow:hidden; float: none; display:none; position: relative; box-sizing: border-box; margin:0px; padding:2%; width: 100%; height:auto; font-size:1.2rem; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; font-weight:inherit; line-height:1.2;  text-align: left; letter-spacing:0px; color: #FFF; background:#FF8700;}
		.layout_1220_3x2.content_Area h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing:0px; text-align: left; color: #FFF;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
		.layout_1220_3x2.content_Area ul { overflow:hidden; display: block; margin: 0 1%; box-sizing: border-box; border:0px solid rgba(0,0,0,0.1); width:99%;}
		.layout_1220_3x2.content_Area ul li { float: left; display: inline-block; box-sizing: border-box; margin:0.5%; padding:0; width:32%; height:auto; border: 0px; background-color:#FFF;}
		.layout_1220_3x2.content_Area ul li { box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
		.layout_1220_3x2.content_Area ul li:nth-child(odd) { margin-left:0.5%;}
		.layout_1220_3x2.content_Area ul li:nth-child(even) { margin-right:0.5%;}
		.layout_1220_3x2.content_Area ul li:hover,
		.layout_1220_3x2.content_Area ul li:active { box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
		.layout_1220_3x2.content_Area ul li a { display: inline-block; box-sizing: border-box; margin: 0px; padding: 0px; width: 100%; height: auto; text-decoration: none; }
		.layout_1220_3x2.content_Area ul li a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
		.layout_1220_3x2.content_Area 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; }
		.layout_1220_3x2.content_Area 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;}
		.layout_1220_3x2.content_Area 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;}
		.layout_1220_3x2.content_Area ul li a h4 b { display:none;}
		.layout_1220_3x2.content_Area ul li a h4 br { display:none;}
		.layout_1220_3x2.content_Area ul li:hover a h4,
		.layout_1220_3x2.content_Area ul li:hover a h4 b {text-decoration: none; color:#000;}
		.layout_1220_3x2.content_Area ul li a p { float: none; display:block; position: relative; margin:-11% auto 0; padding:0 5%; width: 100%; height: auto; font-size:100%;text-align: center; color: #ff3399; background-color:transparent;}
		.layout_1220_3x2 ul li a:before,
		.layout_1220_3x2 ul li a:after,
		.layout_1220_3x2 ul li p:before,
		.layout_1220_3x2 ul li p:after {display:none;}
		.layout_1220_3x2.content_Area ul li a p del {font: 2vw/5vw Century Gothic; color:#5e5e5e; text-align:left}
		.layout_1220_3x2.content_Area ul li a p b { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#E2347B; letter-spacing:-1px;}
		.layout_1220_3x2.content_Area ul li a p .money { font: bold 14px/26px Century Gothic; color:#E2347B;}
		.layout_1220_3x2.content_Area ul li a p .Price { font: bold 26px/36px Century Gothic; letter-spacing:-1px; color:#E2347B;}

	}
	
	
	/** 公版模組layout_640_1x4_7b_C01 **/
.layout_640_1x4_7b_C01:nth-child(odd) { padding: 0; width:100%; margin:0 auto;}
.layout_640_1x4_7b_C01:nth-child:nth-child(even) { background-color:#1d1c1e;}
.Area03 .layout_640_1x4_7b_C01 h2 { font-weight:800; font-size: 6.2vw; margin:0; top:0; line-height: 13vw;  height:20vw; color:transparent; background: url(mb_08.jpg?t=1750846216765) no-repeat center bottom;  background-size: 100%; letter-spacing:-1px;  }
.Area04 .layout_640_1x4_7b_C01 h2 { font-weight:800; font-size: 6.2vw; margin:0;  top:0; line-height: 13vw;  height: 20vw; color:transparent; background: url(mb_11.png?t=1750846216765) no-repeat center bottom;  background-size: 100%; letter-spacing:-1px;  }
.layout_640_1x4_7b_C01 ul { overflow:hidden; display: block; padding:0; width:100%; margin:-4% 0 7% 0;}
.layout_640_1x4_7b_C01 ul li { float: left; position:relative; display: inline-block; margin:0 0 0 2%; padding:2% 0;  border-bottom:1px dotted #ccc; border-right:1px dotted #ccc; width:96%; height:auto; background-color:#FFF;}
.layout_640_1x4_7b_C01 ul li a { display: inline-block; margin:0; padding:0; width:100%; height:auto; text-decoration:none; }
.layout_640_1x4_7b_C01 ul li a .imgArea { float:left; padding:0 2%; width:40%; }
.layout_640_1x4_7b_C01 ul li a .imgArea img { margin:0; padding:0; width:100%; height:auto;}
.layout_640_1x4_7b_C01 ul li a h3 { position: relative; margin:3% 3% 3% 0; padding:0 5% 0 2%; height: 24px; overflow:hidden; font-weight:normal; font-size:4vw; line-height:5.5vw; color:#fff; background-color:#435d94;  font-weight:bold; font-size:14px;}
.layout_640_1x4_7b_C01 ul li a h3:before { content:""; position:absolute; top:0; left:0; width: 2%;  height: 100%; background-color:rgba(255,255,255,0.4);  }
.layout_640_1x4_7b_C01 ul li a h3:after { content:""; position:absolute; top:0; right:0; width: 0;  height: 0;  border: 12px solid red; border-width:12px 8px 12px 0px; border-color: transparent #fff transparent  transparent;}
.layout_640_1x4_7b_C01 ul li a h4 { position: relative; margin:0px; padding:0 2% 0 0; height: 12vw; overflow:hidden; font-weight:normal; font-size:4vw; line-height:7vw;  color: #333; font-size:14px;}
.layout_640_1x4_7b_C01 ul li a h4 b { position: relative; top:0px; margin:0; padding:0; font-weight:bold; font-size:4vw; line-height:5vw;  color: #333; display:block; font-size:14px;}
.layout_640_1x4_7b_C01 ul li a h4 br { display:none;}
.layout_640_1x4_7b_C01 ul li a p { margin:0; padding:0; height:28px; overflow:hidden; line-height:28px; color:#e2347b; }
.layout_640_1x4_7b_C01 ul li a p del { padding-right:2px; font-size:14px; font-family: Century Gothic; color:#9D9D9D;}
.layout_640_1x4_7b_C01 ul li a p b { font-size:3vw; letter-spacing:-1px;}
.layout_640_1x4_7b_C01 ul li a p .money { font-size:3vw; font-weight:bold; font-family: Century Gothic; }
.layout_640_1x4_7b_C01 ul li a p .Price { font-size:8vw; font-family: Century Gothic; letter-spacing:-1px; font-size:24px;}
.layout_640_1x4_7b_C01 ul li a p small { }
.layout_640_1x4_7b_C01 ul li a .BUY { display:none;}




/*超級強牌layout_1220_1f8s_1111C*/ /*20180328改版*/
.box_more { opacity:0.6; z-index:3; position:absolute; top:312px; left:157px;  background-color: #000; padding: 3px 14px; width:85px; height:28px; border-radius:30px;
		  -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;}
.box_more a { color:#fff; font:bold 16px/32px 微軟正黑體; text-decoration:none; width:89px; height:24px;line-height: 27px;}
.box_more:hover { background-color:#000; 
 -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);}
	@media screen and (max-width:766px){
	.box_more a { color:#fff; font:bold 6vw Century Gothic; text-decoration:none; width:25vw; height:10vw; display:inline-block;}
	.box_more img {height:5vw; width:5vw; display:inline-block; transform: translate(18%,38%);}
	.box_more { display:none;}
	}
	
.layout_1220_1f8s_1111C  { margin:0px auto 60px;  position: relative; height:340px;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center;}
.layout_1220_1f8s_1111C {background: url(layout_1220_1f8s_1111C.png?t=1750846216765) left top no-repeat scroll; }  
.layout_1220_1f8s_1111C h2 {  position: relative;top: -40px;margin: 0 auto -84px 90px; padding: 0; height: 140px;font: 43px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;    font-weight: normal;font-weight: bold;text-align: center;color: #fff;letter-spacing: 0.01em;overflow: hidden; display:none;}
.layout_1220_1f8s_1111C h2 b { font-size:46px; line-height:91px; color:#FFFFFF; letter-spacing:-3px;}
.layout_1220_1f8s_1111C h2 .buttonAera_more { display:none;}
.layout_1220_1f8s_1111C h2 .buttonAera_more:hover {display:none;}
.layout_1220_1f8s_1111C ul { display:inline-block; margin:0 auto; padding:0px;}
.layout_1220_1f8s_1111C ul li { float:left; display:inline-block; position:relative; margin:5px 6px 0 0; padding:0; width: 224px; height:328px;border-radius: 0px; list-style: none outside none; background-color:#fff;
				  -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;}
.layout_1220_1f8s_1111C ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); box-shadow:0 0 20px rgba(0,0,0,0.2);}
/*.layout_1220_1f8s_1111C ul li:nth-child(2) { margin-left:265px;}*/
.layout_1220_1f8s_1111C ul li:hover::after { display:none;}
.layout_1220_1f8s_1111C ul li a {text-decoration:none;}
.layout_1220_1f8s_1111C ul li .logo { display:none; z-index:1; position:absolute; top:5px; left:5%; border-bottom:1px solid #000; width:90%; height: 30px; overflow:hidden;}
.layout_1220_1f8s_1111C ul li .logo a { display:block; font-size:18px; line-height:30px; color: #ff0060;}
.layout_1220_1f8s_1111C ul li .logo a b { }
.layout_1220_1f8s_1111C ul li .logo a i { }
.layout_1220_1f8s_1111C ul li .logo:hover a {  color:#d92670;}
.layout_1220_1f8s_1111C ul li .PD a::before,
.layout_1220_1f8s_1111C ul li .PD a::after { content: ""; position:absolute; top:33px; left:5%; display: none; width:6px; height:6px; border-radius:10px; overflow: hidden; background-color:#000;}
.layout_1220_1f8s_1111C ul li .PD a::after { left:inherit; right:5%;}
.layout_1220_1f8s_1111C ul li .PD a img { display:block; margin:0 auto; padding:0px; width:100%; height:auto;}
.layout_1220_1f8s_1111C ul li .PD a h3 { margin:0 auto 5px; padding:0 11px; width:90%; height: 26px; overflow:hidden; font-size:16px; line-height:26px; color: #fff; background-color:#000; }
.layout_1220_1f8s_1111C ul li .PD:hover a h3 {color:#fff;}
.layout_1220_1f8s_1111C ul li .PD a h4 { margin:0; padding:0 10px; height: 20px; overflow:hidden; font-weight: 400; font-size:14px; line-height:18px;  color:#000}
.layout_1220_1f8s_1111C ul li .PD:hover a h4 {color:#d92670;}
.layout_1220_1f8s_1111C ul li .PD a h4 b { display:block;}
.layout_1220_1f8s_1111C ul li .PD a h4 br { display: none;}
.layout_1220_1f8s_1111C ul li .PD a p { margin:3px 0; padding:0 10px; height:28px; line-height:28px; color:#d92670;}
.layout_1220_1f8s_1111C ul li .PD a p del { padding-right:5px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
.layout_1220_1f8s_1111C ul li .PD a p b { font-size:14px; letter-spacing:-1px;}
.layout_1220_1f8s_1111C ul li .PD a p .money { font-weight: bold; font-size:14px; font-family: Century Gothic;}
.layout_1220_1f8s_1111C ul li .PD a p .Price { font-size:28px; font-family: Century Gothic; letter-spacing:-1px; }
.layout_1220_1f8s_1111C ul li .PD a p small { font-size:14px; letter-spacing:-1px;}
 img.btnGO{ vertical-align: middle;   width: 18px; margin: 6px 0 0 3px;}
.layout_1220_1f8s_1111C ul li .more { display:none; position: absolute; bottom:0px; left:5%; margin:0px auto; padding:0; border-top:1px solid #d7d7d7; width:90%; height:30px; overflow:hidden; text-align: right;}
.layout_1220_1f8s_1111C ul li .more a { position:relative; display: block; margin:0 auto; height:30px; overflow:hidden;  }
.layout_1220_1f8s_1111C ul li .more a b { z-index:1; position:relative; display: inline-block; padding:0 15px 0 20px; height:30px; overflow:hidden; font-weight:300; font-size:16px; line-height:30px; color:#9c9c9c;}
.layout_1220_1f8s_1111C ul li .more a i { position:absolute; top:50%; right:5px; display:block; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; width:8px; height:8px; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
.layout_1220_1f8s_1111C ul li .more:hover b { color:#000;}
.layout_1220_1f8s_1111C ul li .more:hover i { border-color:#000;}

.layout_1220_1f8s_1111C ul li:first-child { background:none !important; width:220px; pointer-events:none;}
.layout_1220_1f8s_1111C ul li:first-child .PD a { display: block;width:100%;height: 330px;}
.layout_1220_1f8s_1111C ul li:first-child .PD a img { display:none !important;}
.layout_1220_1f8s_1111C ul li:first-child .PD a h3 { display:none !important;}
.layout_1220_1f8s_1111C ul li:first-child .PD a h4 { display:none !important;}
.layout_1220_1f8s_1111C ul li:first-child .PD a p { display:none !important;}



@media screen and (max-width:767px){
		.layout_1220_1f8s_1111C  { position: relative; display:block; margin:0 auto 8vw;  padding:0 0 0 0px; width:94%; height:auto; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; background: url(m_05.png?t=1750846216765) center top no-repeat scroll; background-size:90%; } 
		.layout_1220_1f8s_1111C * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} 
		.layout_1220_1f8s_1111C  h2 { display:block; top:0vw; position: relative; margin:0 auto; padding: 0px; height:20vw; overflow:hidden; font-weight: bold; font-size:6vw; line-height:9vw; color: #fff; text-align: center; letter-spacing: -0.05em; width:100%; display:none;}
		.layout_1220_1f8s_1111C  h2 span:before { content:"▌"; color:#ff0;}
		.layout_1220_1f8s_1111C  h2 span { position:relative; padding:0 2%;}
		.layout_1220_1f8s_1111C ul { display:inline-block;  margin:0 auto; padding:0% 0 3% 1.5%; width:100%; }
		.layout_1220_1f8s_1111C ul li .PD a h3 {background-color:#ae4a55;}
		.layout_1220_1f8s_1111C ul li { float:left; display:inline-block; position:relative;margin:2% 0.5% 0 0;  padding:0; width: 49%; height:auto; list-style: none outside none; background-color:#fff;
						  -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;}
		.layout_1220_1f8s_1111C ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); box-shadow:0 0 20px rgba(0,0,0,0.2);}
		.layout_1220_1f8s_1111C ul li::after  { content: ""; position:absolute; top:3%; left:0; display:block; border-right:1px dotted #ccc; width:1px; height:95%;  display:none;}
		.layout_1220_1f8s_1111C ul li:first-child::after  { display:none;}
		.layout_1220_1f8s_1111C ul li:hover::after { display:none;}
		.layout_1220_1f8s_1111C ul li a {text-decoration:none;}
		.layout_1220_1f8s_1111C ul li .video {}
		.layout_1220_1f8s_1111C ul li .video a { position:relative; display:block; margin:52px auto 2px; padding:0px; width:90%; height:auto; }
		.layout_1220_1f8s_1111C ul li .video a img { position:absolute; display:block; margin:0px auto 2px; padding:0px; width:100%; height:auto;}
		.layout_1220_1f8s_1111C ul li .logo {display:none; z-index:1; position:absolute;  top:0; left:5%;  border-bottom:1px solid #000; width:90%; height:12vw; overflow:hidden;}
		.layout_1220_1f8s_1111C ul li .logo a { display:block; font-size:4.5vw; line-height:12vw; color: #d92670;}
		.layout_1220_1f8s_1111C ul li .logo a b { }
		.layout_1220_1f8s_1111C ul li .logo a i { }
		.layout_1220_1f8s_1111C ul li .logo:hover a {  color:#d92670;}
		.layout_1220_1f8s_1111C ul li .PD a img { display:block; margin:2vw auto 2vw; padding:0px; width:90%; height:auto;}
		.layout_1220_1f8s_1111C ul li .PD a h3 {  margin:0 auto 2vw;  padding:0 2vw;  height: 6vw;overflow:hidden;font-size:14px; line-height:21px; color: #fff; width:93%;background-color:#8d0024; text-align: center; border-radius: 50px;}
		.layout_1220_1f8s_1111C ul li .PD:hover a h3 {color:#d92670;}
		.layout_1220_1f8s_1111C ul li .PD a h4 {margin:0; padding:0 2vw; height: 20px; overflow:hidden; font-weight: 400; font-size:14px; line-height:20px;  color:#000}
		.layout_1220_1f8s_1111C ul li .PD:hover a h4 {color:#d92670;}
		.layout_1220_1f8s_1111C ul li .PD a h4 b { display:block;}
		.layout_1220_1f8s_1111C ul li .PD a h4 br { display: none;}
		.layout_1220_1f8s_1111C ul li .PD a p { margin:0; padding:0 2vw;  height:10vw; line-height:10vw; text-align: center; color:#d92670;}
		.layout_1220_1f8s_1111C ul li .PD a p del { padding-right:2px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
		.layout_1220_1f8s_1111C ul li .PD a p b { font-size:14px; letter-spacing:-1px;}
		.layout_1220_1f8s_1111C ul li .PD a p .money { font-weight: bold; font-size:14px; font-family: Century Gothic;}
		.layout_1220_1f8s_1111C ul li .PD a p .Price { font-size:24px; font-family: Century Gothic; letter-spacing:-1px; }
		.layout_1220_1f8s_1111C ul li .PD a p small { font-size:14px; letter-spacing:-1px;}
		.layout_1220_1f8s_1111C ul li .more { display:none; position: absolute; bottom:0px; left:5%; margin:0px auto; padding:0; border-top:1px solid #d7d7d7; width:90%; height:30px; overflow:hidden; text-align: right;}
		.layout_1220_1f8s_1111C ul li .more a { position:relative; display: block; margin:0 auto; height:30px; overflow:hidden; text-align:right;  }
		.layout_1220_1f8s_1111C ul li .more a b { z-index:1; position:relative; display: inline-block; padding:0 15px 0 20px; height:30px; overflow:hidden; font-weight:300; font-size:14px; line-height:30px; color:#9c9c9c;}
		.layout_1220_1f8s_1111C ul li .more a i { position:absolute; top:50%; right:5px; display:block; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; width:8px; height:8px; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
		.layout_1220_1f8s_1111C ul li .more:hover b { color:#000;}
		.layout_1220_1f8s_1111C ul li .more:hover i { border-color:#000;}
		
			.layout_1220_1f8s_1111C ul li:first-child { background:none !important; width:100%; height:12vw;}
			.layout_1220_1f8s_1111C ul li:first-child .PD a { display: block;width:100%;height: 330px;}
}



/** 公版模組layout_rwd_1f4s_01 **/
.layout_rwd_1f4s_01  { height:420px; position:relative; margin:0px auto; padding:120px 0 0; background: no-repeat center top; } 
.layout_rwd_1f4s_01 h2 { position:relative; top:-105px; margin:0 auto -190px; padding:0; width:100%; height:100px; font: 43px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bold;text-align: center;color:#fff; letter-spacing:0.01em; overflow:hidden;center top no-repeat;background-size:100%;}
.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 { display:inline-block;     margin:0 auto;padding: 140px 0px 0 14px; }
.layout_rwd_1f4s_01 ul li { float:left; display:inline-block; position:relative; margin:0px 16px 10px 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_01 ul li a {text-decoration:none; display:inline-block; }
.layout_rwd_1f4s_01 ul li a img { display:block; margin:0px auto; padding:10px; width:210px; height:210px;}
.layout_rwd_1f4s_01 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-color:#000; overflow:hidden; /*background-image: repeating-linear-gradient(90deg, #e2ba76 -1%, #9e763c 101%);*/}
.layout_rwd_1f4s_01 ul li a h4 { margin:5px 0px; padding:0 10px; height:20px; 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:96%; height: auto; overflow:auto; margin:0 auto 6vw; padding:0; background-size:94%; background-image:none;}
		.layout_rwd_1f4s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f4s_01 h2 { background-size:90% !important; top:0; height:15vw; float:left; margin:0 auto; display:none;}
		.layout_rwd_1f4s_01 h2 img { width:100%; height:auto;}
		.layout_rwd_1f4s_01 ul {margin:0 auto; padding:22vw 0 0 2%;  border-radius: 15px; width: 94%; box-sizing: inherit;}
		.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: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_01 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f4s_01 ul li a h3 { position:relative; margin:5% auto 0; 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:#fff;}
		.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_02 **/
.layout_rwd_1f4s_02  { height:860px; position:relative; margin:0 auto 60px; background: no-repeat center bottom;} 
.layout_rwd_1f4s_02 h2 { display:none;}
.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:0 auto; padding: 110px 0px 0px 41px;  background: no-repeat center top;}
.layout_rwd_1f4s_02 ul li { float:left; display:inline-block; position:relative; margin:0px 16px 10px 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; display:inline-block; }
.layout_rwd_1f4s_02 ul li a img { display:block; margin:0px 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:736px) {
		.layout_rwd_1f4s_02{ width:100%; height:auto; overflow:auto; margin:0 auto 8vw; background-size:90%; 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 {margin:0 auto; padding:15vw 0 0 2%; width:96%;  background-size:88%;}
		.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:25px; overflow:hidden; font: 12px "微軟正黑體","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_03 **/
.layout_rwd_1f4s_03  { height:1240px; position:relative; margin:0 auto 80px; background: no-repeat center bottom;} 
.layout_rwd_1f4s_03 h2 { display:none;}
.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 { display:inline-block;     margin:0 auto;padding: 180px 0px 0px 41px;  background: no-repeat center top;}
.layout_rwd_1f4s_03:nth-child(2) ul {padding: 110px 0px 0px 41px;}
.layout_rwd_1f4s_03 ul li { float:left; display:inline-block; position:relative; margin:0px 16px 10px 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_03 ul li a {text-decoration:none; display:inline-block; }
.layout_rwd_1f4s_03 ul li a img { display:block; margin:0px auto; padding:10px; width:210px; height:210px;}
.layout_rwd_1f4s_03 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_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:0 auto 8vw; background-size:90%; background-image: none !important;}
		.layout_rwd_1f4s_03 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f4s_03 h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f4s_03 h2 img { width:100%; height:auto;}
		.layout_rwd_1f4s_03 ul {margin:0 auto; padding:22vw 0 0 2%; width:96%;  background-size:94%;}
		.layout_rwd_1f4s_03:nth-child(2) ul {padding:16vw 0 0 2%;}
		.Area_step:nth-child(even) .layout_rwd_1f4s_03 ul {background-color: #e2e9ef; }
		.Area_step:nth-child(odd)  .layout_rwd_1f4s_03 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;}
		.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:normal; font-size:14px; line-height:24px; text-align:center;  color:#fff;}
		.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:25px; overflow:hidden; font: 12px "微軟正黑體","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;}
		

	}



/** 公版模組layout_rwd_1f6s_01 **/
.layout_rwd_1f6s_01  { position:relative; margin-bottom:40px; height:790px; width:1290px;} 
.layout_rwd_1f6s_01 {  background:no-repeat scroll  center top } 
.layout_rwd_1f6s_01 h2 { float:left; margin:0 10px 10px 0; padding:0;
							  -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_1f6s_01 h2:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px);  box-shadow:0 0 20px rgba(0,0,0,0.5);}
.layout_rwd_1f6s_01 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f6s_01 h2 img { width:714px; height:357px;}
.layout_rwd_1f6s_01 ul { display:inline-block; margin:55px 0 0 120px; padding:0}
.layout_rwd_1f6s_01 ul li { float:left; display:inline-block; position:relative; margin:0px 7px 5px 0px; padding:0px 0px 0px 0px; width: 224px; height:327px; list-style: none outside none; background:#fff;border-radius:10px;
							  -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_1f6s_01 .for_phone { pointer-events:none; height:44.5vw;}
.layout_rwd_1f6s_01 ul li:first-child a { width:100%; height:100%;}
.layout_rwd_1f6s_01 ul li:first-child {width:423px;height:662px;border:none;background:none;}
.layout_rwd_1f6s_01 ul li:first-child img {display:none;}
.layout_rwd_1f6s_01 ul li:first-child h3 {display:none;}
.layout_rwd_1f6s_01 ul li:first-child h4 {display:none;}
.layout_rwd_1f6s_01 ul li:first-child p {display:none;}
.layout_rwd_1f6s_01 ul li a {text-decoration:none;}
.layout_rwd_1f6s_01 ul li a img { display:block; margin:0px; padding:6px 12px; width:200px; height:200px;}
.layout_rwd_1f6s_01 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:#2f1f54; overflow:hidden;}
.layout_rwd_1f6s_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_1f6s_01 ul li:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);  box-shadow:0 0 20px rgba(0,0,0,0.5);}
.layout_rwd_1f6s_01 ul li:first-child:hover{ -webkit-transform:translateY(-8px); transform:translateY(0px);  box-shadow:0 0 0px rgba(0,0,0,0);}
.layout_rwd_1f6s_01 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f6s_01 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f6s_01 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f6s_01 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f6s_01 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f6s_01 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f6s_01 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f6s_01 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f6s_01 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f6s_01 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f6s_01 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f6s_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_1f6s_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_1f6s_01 .HashtagArea dd a:hover,
.layout_rwd_1f6s_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_1f6s_01{ width:94%; height:auto; overflow:auto; margin-bottom:5vw; margin-top:0px; background: none !important;}
		.layout_rwd_1f6s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f6s_01 h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f6s_01 h2 img { width:100%; height:auto;}
		.layout_rwd_1f6s_01 ul { padding:0 2% 4% 4%; margin:0 auto;  width:100%; border-radius: 0 0 12px 12px;}
		.Area_box ul { background-color: #5baae8; }
		
		
		.layout_rwd_1f6s_01 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_1f6s_01 ul li:first-child {display:none;}*/
		.layout_rwd_1f6s_01 ul li:first-child { margin: 0;width: 100%;height: 42vw;top: 0;position: absolute;left: 0;padding: 0;}
		.layout_rwd_1f6s_01 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f6s_01 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_1f6s_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_1f6s_01 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f6s_01 ul li a h4 { margin:5px 0px -3px 0px; padding:0 5%; height:21px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f6s_01 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f6s_01 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f6s_01 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f6s_01 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f6s_01 ul li a p .Price { font: 24px/36px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f6s_01 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f6s_01 .HashtagArea { width:100%; }
		.layout_rwd_1f6s_01 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f6s_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_1f6s_01 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f6s_01 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f6s_01 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		
		/*品數為單數時，手機版最後一個隱藏
		.layout_rwd_1f6s_01:nth-child(2n+0) ul li:last-child { display:none;}
		.layout_rwd_1f6s_01:nth-child(2n+1) ul li:last-child { display:none;}*/

	}


/** 公版模組layout_rwd_1f6s_01(入稿在左)**/
@media screen and ( min-width:768px) {
.layout_rwd_1f6s_01b  { position:relative; margin-bottom:40px;height:705px;} 
.layout_rwd_1f6s_01b { background:url(rwd_1f6s_bg_01.jpg?t=1750846216766) top no-repeat;} 
.Area_box { background-image:url(rwd_1f6s_bg_02.jpg?t=1750846216766) !important; background-position: center top; background-repeat: no-repeat; }
.layout_rwd_1f6s_01b h2 { float:left; margin:0 10px 10px 0; padding:0;
							  -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_1f6s_01b h2:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px);  box-shadow:0 0 20px rgba(0,0,0,0.5);}
.layout_rwd_1f6s_01b h2 a { display: block; text-decoration:none;}
.layout_rwd_1f6s_01b h2 img { width:714px; height:357px;}
.layout_rwd_1f6s_01b ul { display:inline-block; margin:0px; padding:20px 0px 0px 70px;}
.layout_rwd_1f6s_01b ul li { float:left; display:inline-block; position:relative; left:-483px;margin:0px 7px 5px 0px; padding:0px 0px 0px 0px; width: 224px; height:327px; list-style: none outside none; background:#fff;border-radius:10px;
							  -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_1f6s_01b ul li:first-child {width:423px;height:732px;border:none;background:none; left:652px;}
}
@media screen and ( max-width:767px) {
	.layout_rwd_1f6s_01b ul li:first-child {display:none;}
	}
.layout_rwd_1f6s_01b ul li:first-child img {display:none;}
.layout_rwd_1f6s_01b ul li:first-child h3 {display:none;}
.layout_rwd_1f6s_01b ul li:first-child h4 {display:none;}
.layout_rwd_1f6s_01b ul li:first-child a { display:block; width:419px; height:639px;}
.layout_rwd_1f6s_01b ul li a {text-decoration:none;}
.layout_rwd_1f6s_01b ul li a img { display:block; margin:0px; padding:6px; width:200px; height:200px;}
.layout_rwd_1f6s_01b 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:#807b7b;}
.layout_rwd_1f6s_01b 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_1f6s_01b ul li:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);  box-shadow:0 0 20px rgba(0,0,0,0.5);}
.layout_rwd_1f6s_01b ul li:first-child:hover{ -webkit-transform:translateY(-8px); transform:translateY(0px);  box-shadow:0 0 0px rgba(0,0,0,0);}
.layout_rwd_1f6s_01b ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f6s_01b ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f6s_01b ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f6s_01b ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f6s_01b ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f6s_01b ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f6s_01b ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f6s_01b .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f6s_01b .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f6s_01b .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f6s_01b .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f6s_01b .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_1f6s_01b .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_1f6s_01b .HashtagArea dd a:hover,
.layout_rwd_1f6s_01b .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_1f6s_01b ul li { float:left; display:inline-block; position:relative;  list-style: none outside none; border-radius:10px;
							  -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_1f6s_01b{ width:100%; height:auto; overflow:auto; margin-bottom:5vw; margin-top:0px; background: none !important; background-color:#e7e8e9 !important}
		.layout_rwd_1f6s_01b * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f6s_01b h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f6s_01b h2 img { width:100%; height:auto;}
		.layout_rwd_1f6s_01b ul { padding:0 0 0 2%;  }
		.Area_box ul { background-color: #5baae8; }
		
		
		.layout_rwd_1f6s_01b 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); background-color:#eaeaea;}
		.layout_rwd_1f6s_01b ul li:first-child { margin-left:0;}
		.layout_rwd_1f6s_01b ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f6s_01b 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_1f6s_01b 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_1f6s_01b ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f6s_01b ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height:20px; overflow:hidden; font: 12px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f6s_01b ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f6s_01b ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f6s_01b ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f6s_01b ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f6s_01b ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f6s_01b ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f6s_01b .HashtagArea { width:100%; }
		.layout_rwd_1f6s_01b .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f6s_01b .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_1f6s_01b .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f6s_01b .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f6s_01b .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		
		/*品數為單數時，手機版最後一個隱藏
		.layout_rwd_1f6s_01:nth-child(2n+0) ul li:last-child { display:none;}
		.layout_rwd_1f6s_01:nth-child(2n+1) ul li:last-child { display:none;}*/

	}


/**02加價購+週期購 **/
.layout_640_2x2_7b_B02_h { height:640px}
.layout_banner img {   width: 100%;}
.layout_640_2x2_7b_B02_S {width:48%; padding:0; margin:0 1%; position:relative;float: left; height:610px;}
	@media screen and ( min-width:736px) {
		.layout_640_2x2_7b_B02_S ul li a h3 { position:relative; margin:0 10px; padding:0 10px;  border-radius:24px; width:90%; height: 30px; overflow:hidden; font-weight: bold; font-size:16px; line-height:30px; text-align:center;  color:#fff;}
		.layout_640_2x2_7b_B02_S ul li a h4 { position: relative; margin:5px 0; padding:0 10px; width: 100%; height: 20px; overflow:hidden; font-weight:normal; font-size:15px; line-height:20px;  color: #000;}
		.layout_640_2x2_7b_B02_S ul li a p .Price { font-size:30px; font-family: Century Gothic; letter-spacing:-1px; }
		.layout_640_2x2_7b_B02_S ul li { transition-duration: 0.2s;   margin: 0px auto 0 auto;   padding: 0;   text-align: center;   width: 100%;   height: auto; background:#fff;}

	}
.layout_640_2x2_7b_B02_S ul {  margin: 0 auto 0 !important;  padding: 0;  text-align: center; height:66%; }
.layout_640_2x2_7b_B02_S:nth-child(odd) { background-color:#fb4d52  !important; border-radius:36px; /*box-shadow:4px 3px 7px #8d845c;*/}
.layout_640_2x2_7b_B02_S:nth-child(even) { background-color:#687fdd !important; border-radius:36px; /*box-shadow:4px 3px 7px #8d845c;*/ }
.layout_640_2x2_7b_B02_S ul li:nth-child(odd) { margin-left:0%;}
.layout_640_2x2_7b_B02_S ul li:nth-child(even) { margin-right:0%;}
.layout_640_2x2_7b_B02_S ul li a { display: inline-block; margin:0; padding:0; width:100%; height:auto; text-decoration:none; }
.layout_640_2x2_7b_B02_S ul li a .imgArea {    padding: 6px; }
.layout_640_2x2_7b_B02_S ul li a .imgArea img { margin:0; padding:0; width:100%; height:auto;}
.layout_640_2x2_7b_B02_S ul li a h3:after { content:""; z-index:0; position:absolute; top:0; left:0; width: 100%;  height: 100%; background-color:#b94921;}
.layout_640_2x2_7b_B02_S ul li a h3 span { z-index:1; position:relative;}
.layout_640_2x2_7b_B02_S ul li a h4 b { position: relative; top:0px; margin:0px; padding:0px; font-weight:bold; font-size:14px; line-height:20px;;  color: #000;}
.layout_640_2x2_7b_B02_S ul li a h4 br { display:none;}
.layout_640_2x2_7b_B02_S ul li a p { margin:0 auto; padding:0 5%; height:40px; overflow:hidden; line-height:28px; color:#d92670;}
.layout_640_2x2_7b_B02_S ul li a p del { padding-right:2px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
.layout_640_2x2_7b_B02_S ul li a p b { font-size:13px; letter-spacing:-1px;}
.layout_640_2x2_7b_B02_S ul li a p .money { font-size:14px; font-weight:bold; font-family: Century Gothic; }
.layout_640_2x2_7b_B02_S ul li a p small { }
.layout_640_2x2_7b_B02_S ul li a .BUY { display:none;}
	@media screen and ( max-width:736px) {
		.layout_640_2x2_7b_B02_h { height:auto}
		.layout_banner img {   width: 100%;}
		.layout_640_2x2_7b_B02_S { width:94%;float:none; height:auto; padding:0 0 5vw; margin:0 auto;}
		.layout_640_2x2_7b_B02_S ul { height:50%; }
		.layout_640_2x2_7b_B02_S:nth-child(odd) { /*background-color:#f3d632  !important;*/ border-radius:14px;}
		.layout_640_2x2_7b_B02_S:nth-child(even) { /*background-color:#f65c29 !important;*/ border-radius:14px; margin-top:8vw;}
		.layout_640_2x2_7b_B02_S ul li a h3 { position:relative; margin:5% auto; 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:#fff;}
		.layout_640_2x2_7b_B02_S ul li a h4 { position: relative; margin:0px; padding:0 5%; width: 100%; height: 22px; overflow:hidden; font-weight:normal; font-size:14px; line-height: normal;  color: #000;}
		.layout_640_2x2_7b_B02_S ul li a p .Price { font-size:24px; font-family: Century Gothic; letter-spacing:-1px; line-height:36px;}
		.layout_640_2x2_7b_B02_S ul li { float: left; position:relative; display: inline-block; margin:0 auto; padding:0; width:49%; height:auto; border: 0px; background-color:#FFF;}
	}	


/** layout_rwd_1f5s_02**/
.layout_rwd_1f5s_02.layout_all {height:990px;left top no-repeat; margin:60px auto; background:url(area4_title.png?t=1750846216766) center top no-repeat;}
.layout_rwd_1f5s_02.layout_all h2 {  position: absolute; top:-8px; margin:0; padding:0; width:100%; height:100px; font-size:40px; line-height:100px; text-align: center; text-shadow:1px 1px 0px rgb(255, 255, 255); color:#392b2b; letter-spacing:0px;    font-weight: 700; display:none;}
.layout_rwd_1f5s_02.layout_all ul  { margin: 180px 0 0 0px; padding: 50px 0 50px 32px;background:url(layout_rwd_1f5s_02_bg.png?t=1750846216766) center top no-repeat;}
.layout_rwd_1f5s_02.layout_all ul li  { float:left; display:inline-block; position:relative; margin:0px 4px 4px 2px; padding:0; width: 225px; height:350px; list-style: none outside none; background:#FFF; }
@media screen and (max-width: 736px) {
		.layout_rwd_1f5s_02.layout_all {height:auto;background-size: 90%; margin: 10vw auto 0; padding: 25vw 0 0; }

	    .layout_rwd_1f5s_02.layout_all h2 {background-size:100%; font-size:7vw;position:relative ;top:0; width:100%;  padding:7% 0 0 0;font-size:7vw;color:#000; line-height:12vw; text-shadow:1px 1px 0px rgba(0,0,0,0); letter-spacing:-0.05rem; margin-bottom:-2%; display:none;}
		.layout_rwd_1f5s_02.layout_all ul  { display:inline-block;padding:4% 0 9% 2%;   margin:0; width:100%; background:#ffc400; border-radius:20px;}
		.layout_rwd_1f5s_02.layout_all 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_1f5s_02  { position:relative; height:800px;} 
.layout_rwd_1f5s_02 { width:1220px;margin-left:0px;}
@media screen and (max-width:767px){
	.layout_rwd_1f5s_02 { width:1290px;margin-left: 0px;}
	
	}

.layout_rwd_1f5s_02 h2 { position:relative; top:0px; margin:-13px 0 0 0; padding:0; width:100%; height:92px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight:normal;text-align:left; color:#fff; letter-spacing:0px; overflow:hidden; background-size:100%;}
@media screen and (max-width:767px){
	.layout_rwd_1f5s_02  {background-color: #8d0023;}

	
	}
.layout_rwd_1f5s_02 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f5s_02 h2 img { width:714px; height:357px;}
.layout_rwd_1f5s_02 ul { display:inline-block; padding:0px 0px 0px 23px;    margin: 0 0 0 0;}
.layout_rwd_1f5s_02 ul li { float:left; display:inline-block; position:relative; margin:0px 6px 6px 0px; padding:0px 0px 0px 0px; width: 230px; 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_1f5s_02 ul li a {text-decoration:none;}
.layout_rwd_1f5s_02 ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_rwd_1f5s_02:nth-child(odd) ul li a h3 {  position: relative; margin:6px 10px; padding:0 10px; border-radius:20px; height: 27px;font: bold 14px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #ffffff; background-color:#255856;}
.layout_rwd_1f5s_02:nth-child(even) ul li a h3 {  position: relative; margin:2px 10px; padding:0 10px; border-radius:20px; height: 27px;font:bold 14px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #000;background-color:#255856;}


.layout_rwd_1f5s_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_1f5s_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_1f5s_02 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f5s_02 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f5s_02 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f5s_02 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f5s_02 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f5s_02 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f5s_02 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f5s_02 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f5s_02 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f5s_02 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f5s_02 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f5s_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_1f5s_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_1f5s_02 .HashtagArea dd a:hover,
.layout_rwd_1f5s_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_1f5s_02{ width:100%; height:auto; margin-bottom:0px; }
		.layout_rwd_1f5s_02 * { -webkit-box-sizing:border-box; box-sizing:border-box;}

		.layout_rwd_1f5s_02 h2 { display:block; overflow: hidden;float: none;position: relative;box-sizing: border-box;margin: 0px;padding: 6vw 0 0 1.5vw;width: 100%;height: 25vw;font-size: 6.5vw;font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight:bold;line-height: 1.7;text-align: center;letter-spacing: 0;color: #fbc9c2; top:0;  background-size:100% ;  }

		.layout_rwd_1f5s_02 h2 img { width:100%; height:auto;}
		.layout_rwd_1f5s_02 ul { padding:0 0 0 2%; }
		.layout_rwd_1f5s_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_1f5s_02 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f5s_02 ul li a h3 { position:relative; margin:5%; padding:0 5%;border-radius:35px 0;  width:90%; height: 24px; overflow:hidden; font-weight:normal; font-size:14px; line-height:24px; text-align:center;  color:#000;}
		.layout_rwd_1f5s_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_1f5s_02 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f5s_02 ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height:19px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f5s_02 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f5s_02 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f5s_02 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f5s_02 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f5s_02 ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f5s_02 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f5s_02 .HashtagArea { width:100%; }
		.layout_rwd_1f5s_02 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f5s_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_1f5s_02 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f5s_02 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f5s_02 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		
		.layout_rwd_1f5s_02 ul li:last-child { display:unset;}

	}	
	
	
/** 05-熱搜**/

.layout_rwd_1f5s_04a  { height:530px; background: url(layout_rwd_1f5s_04_bg.png?t=1750846216766) no-repeat scroll  center top;} 
.layout_rwd_1f5s_04a h2 { position:relative; top:-55px; margin:0 auto -50px; padding:0; width:100%; height:130px; font: 43px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bold;text-align: center;color:#fff; letter-spacing:0.01em; overflow:hidden;center top no-repeat;background-size:100%; display:none;}
.layout_rwd_1f5s_04a h2 .buttonAera_more { top:20px; right:15px; background-color: #EF1545; background-color:rgba(0,0,0,0.7);}
.layout_rwd_1f5s_04a h2 .buttonAera_more:hover {background-color: #000;}
.layout_rwd_1f5s_04a ul { padding:0px;  margin:120px auto 0;}
.layout_rwd_1f5s_04a ul li { float:left; display:inline-block; position:relative; margin:0px 4px 4px 0px; padding:0px 0px 0px 0px; width: 230px; height:330px; list-style: none outside none; background:#FFF;}
.layout_rwd_1f5s_04a ul li a {text-decoration:none;}
.layout_rwd_1f5s_04a ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_rwd_1f5s_04a ul li a h3 { margin:0 3%; padding:0 10px; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #FFF; background:#000;border-radius:20px;}
.layout_rwd_1f5s_04a 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_rwd_1f5s_04a ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f5s_04a ul li a p { margin:0; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f5s_04a ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f5s_04a ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f5s_04a ul li a p .money { font: bold 16px/38px Century Gothic; }
.layout_rwd_1f5s_04a ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px;}
.layout_rwd_1f5s_04a ul li a p small { font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}


/** RWD手機版型 **/
@media screen and (max-width: 736px) {
	
	.layout_rwd_1f5s_bg1 {width: 100%;  height: 50vw; background-size:90%; margin:5vw auto 0;}
	.layout_rwd_1f5s_bg2 { display:none; background:none;}
	.first  { margin-top:30vw !important;} 
	/*1排2品*/
	.layout_rwd_1f5s_04a  {box-sizing: border-box; margin:0px auto 10vw; padding:0%; width: 94%!important; height:auto; background-size:96%;}
	.layout_rwd_1f5s_04a * { font-size:14px; box-sizing: border-box; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
	.layout_rwd_1f5s_04a h2 {position:relative; top:-2vw; margin:0px 0 0 0; padding:0; width:100%; height:100px; font: 28px/59px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bold;text-align: center;color:#fff; letter-spacing:0.01em; overflow:hidden;background-size:80% !important; margin-bottom:-10%}
    .layout_rwd_1f5s_04a h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing: -0.1em; text-align: left; color: #FFF;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
	.layout_rwd_1f5s_04a ul { overflow:hidden; display: block; margin: 0 auto 5%; width: 100%; box-sizing: border-box; border:0px solid rgba(0,0,0,0.1); background-image:none;}
	.layout_rwd_1f5s_04a:nth-child(2) ul { margin: -15% auto 5%;}
    .layout_rwd_1f5s_04a ul li { float: left; display: inline-block; box-sizing: border-box; margin:1%; padding:1%; width:48.5%; height:auto; border: 0px; background-color:#FFF;}
	.layout_rwd_1f5s_04a ul li { box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
	.layout_rwd_1f5s_04a ul li:nth-child(odd) { margin-left:0%;}
	.layout_rwd_1f5s_04a ul li:nth-child(even) { margin-right:1%;}
	.layout_rwd_1f5s_04a ul li:hover,
	.layout_rwd_1f5s_04a ul li:active { box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
	.layout_rwd_1f5s_04a ul li a { display: inline-block; box-sizing: border-box; margin: 0px; padding: 0px; width: 100%; height: auto; text-decoration: none; }
	.layout_rwd_1f5s_04a ul li a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
	.layout_rwd_1f5s_04a ul li a h2 {background-color: #e66675;}
	.layout_rwd_1f5s_04a ul li a h3 { float: none; display:block; position: relative; margin:5% auto; padding:0 7%; width: 95%; height: 24px; overflow:hidden; text-align:center; color:#fff; font:bold 14px "微軟正黑體","Microsoft JhengHei",Helvetica; line-height:24px; }
	.layout_rwd_1f5s_04a ul li a h3 {background-color: #000;}
	.layout_rwd_1f5s_04a ul li a h4 { float: none; display:block; position: relative; margin:5px 0px -3px 0; padding:0 5%; width: 100%; height: 21px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; color: #000;}
	.layout_rwd_1f5s_04a 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;}
	.layout_rwd_1f5s_04a ul li a h4 b { text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; }
	.layout_rwd_1f5s_04a ul li a h4 br { display:none;}
	.layout_rwd_1f5s_04a ul li:hover a h4,
	.layout_rwd_1f5s_04a ul li:hover a h4 b {text-decoration: none; color:#000;}
	.layout_rwd_1f5s_04a ul li a p { float: none; display:block; position: relative; margin:0px; padding:0% 5%; width: 100%; height: 40px; font-size:100%; line-height:1.4; text-align: center; color: #d92670; background-color:transparent;}
	.layout_rwd_1f5s_04a ul li a p del { padding-right:5px; font: 12px/20px Century Gothic; color:#5e5e5e;}
	.layout_rwd_1f5s_04a ul li a p b { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d92670; letter-spacing:-1px;}
	.layout_rwd_1f5s_04a ul li a p .money { font: bold 14px/26px Century Gothic; color:#d92670;}
	.layout_rwd_1f5s_04a ul li a p .Price { font: 24px/36px Century Gothic; letter-spacing:-1px; color:#d92670;}
	.layout_rwd_1f5s_04a ul li a p small { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

	/*5品*/
	.layout_rwd_1f5s_04a ul { padding:16vw 0 0;}
	.layout_rwd_1f5s_04a ul li:first-child{ width:98%!important; margin:1%; padding:1%;}
	.layout_rwd_1f5s_04a ul li:first-child img{ width:50%!important;float:left!important;}
	.layout_rwd_1f5s_04a ul li:first-child h3{ width:48%!important; float:left; margin:14% auto 5px;}
	.layout_rwd_1f5s_04a ul li:first-child h4{ width:48%!important; float:left; padding:0 3%;}
	.layout_rwd_1f5s_04a ul li:first-child p{ width:48%!important; float:left; padding:0 3%;}
    .layout_rwd_1f5s_04a h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing: -0.1em; text-align: left; color: #f9db9c;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
  


}	

	
/** 下排入稿 **/
.layout_rwd_1f5s_00.layout_all {height:940px; border-radius:25px;}
.layout_rwd_1f5s_00.layout_all h2 {  position: absolute;top:0px;  margin:0; padding:0; width:100%; height:200px; font-size:40px; line-height:100px; text-align: center; text-shadow:1px 1px 0px rgb(255, 255, 255); color:#392b2b; letter-spacing:0px;    font-weight: 700;}
.layout_rwd_1f5s_00.layout_all:nth-child(1) h2 { background:url(layout_rwd_1f5s_00_t1.png?t=1750846216766) center top no-repeat;  }
.layout_rwd_1f5s_00.layout_all:nth-child(2) h2 { background:url(layout_rwd_1f5s_00_t2.png?t=1750846216766) center top no-repeat;  }
.layout_rwd_1f5s_00.layout_all:nth-child(3) h2 { background:url(layout_rwd_1f5s_00_t3.png?t=1750846216766) center top no-repeat;  }
.layout_rwd_1f5s_00.layout_all:nth-child(4) h2 { background:url(layout_rwd_1f5s_00_t4.png?t=1750846216766) center top no-repeat;  }
.layout_rwd_1f5s_00.layout_all:nth-child(5) h2 { background:url(layout_rwd_1f5s_00_t5.png?t=1750846216766) center top no-repeat;  }
.layout_rwd_1f5s_00.layout_all ul  { margin:70px 0px 0px; padding:100px 0 50px 34px; background:url(layout_rwd_1f5s_00_bg.png?t=1750846216766) center top no-repeat; }
.layout_rwd_1f5s_00.layout_all:nth-child(even) ul  { background:url(layout_rwd_1f5s_00_bg2.png?t=1750846216766) center top no-repeat; }
.layout_rwd_1f5s_00.layout_all ul li  { float:left; display:inline-block; position:relative; margin:0px 4px 4px 2px; padding:0; width: 225px; height:350px; list-style: none outside none; background:#FFF; }
@media screen and (max-width: 736px) {
		.layout_rwd_1f5s_00.layout_all { background-image:none; height:auto;background: none; margin-bottom:10vw;}
		.layout_rwd_1f5s_00.layout_all ul  { display:inline-block;padding:0% 0 9% 2%;   margin:0; width:96%; background-image:none; background-color:#f86745; border-radius:15px;}
		.layout_rwd_1f5s_00.layout_all:nth-child(even) ul  { background-color:#0095cb; border-radius:15px; }
		.layout_rwd_1f5s_00.layout_all 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_1f5s_00.layout_all:nth-child(1) h2 { background-size:90% !important; }
		.layout_rwd_1f5s_00.layout_all:nth-child(2) h2 { background-size:90% !important; }
		.layout_rwd_1f5s_00.layout_all:nth-child(3) h2 { background-size:90% !important; }
		.layout_rwd_1f5s_00.layout_all:nth-child(4) h2 { background-size:90% !important; }
		.layout_rwd_1f5s_00.layout_all:nth-child(5) h2 { background-size:90% !important; }
	
	}

/** 公版模組layout_rwd_1f5s_00 **/
.layout_rwd_1f5s_00  { position:relative; height:800px;} 
.layout_rwd_1f5s_00:first-child  { margin-top:60px;} 
/*.layout_rwd_1f5s_00:nth-child(odd) { background:#56bcd5;}*/
/*.layout_rwd_1f5s_00:nth-child(even) { background:#ff5834;}*/
@media screen and (max-width:767px){
	.layout_rwd_1f5s_00:first-child  { margin-top:0;} 
	.layout_rwd_1f5s_00 { width:1290px;margin-left: 0px;}
	
	}

.layout_rwd_1f5s_00 h2 { position:relative; margin:-13px 0 0 0; padding:0; width:100%; height:92px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight:normal;text-align:left; color:#fff; letter-spacing:0px; overflow:hidden; background-size:100%;}
@media screen and (max-width:767px){
	.layout_rwd_1f5s_00  {background-color: #8d0023;}

	
	}
.layout_rwd_1f5s_00 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f5s_00 h2 img { width:714px; height:357px;}
.layout_rwd_1f5s_00 ul { display:inline-block; padding:0px 0px 0px 23px;    margin: -20px 0 0 0;}
.layout_rwd_1f5s_00 ul li { float:left; display:inline-block; position:relative; margin:0px 6px 6px 0px; padding:0px 0px 0px 0px; width: 230px; 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_1f5s_00 ul li a {text-decoration:none;}
.layout_rwd_1f5s_00 ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_rwd_1f5s_00:nth-child(odd) ul li a h3 {  position: relative; margin:6px 10px; padding:0 10px; border-radius:20px; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #ffffff; background-color:#2c7975;}
.layout_rwd_1f5s_00:nth-child(even) ul li a h3 {  position: relative; margin:2px 10px; padding:0 10px; border-radius:20px; height: 30px;font:bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #ffffff;background-color:#2c7975;}


.layout_rwd_1f5s_00 ul li a h4 { margin:5px 0px; padding:0 10px; height:20px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f5s_00 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_1f5s_00 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f5s_00 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f5s_00 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f5s_00 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f5s_00 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f5s_00 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f5s_00 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f5s_00 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f5s_00 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f5s_00 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f5s_00 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f5s_00 .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_1f5s_00 .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_1f5s_00 .HashtagArea dd a:hover,
.layout_rwd_1f5s_00 .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_1f5s_00{ width:100%; height:auto; margin-bottom:0px; background-image: none !important; }
		.layout_rwd_1f5s_00 * { -webkit-box-sizing:border-box; box-sizing:border-box;}

		.layout_rwd_1f5s_00 h2 { display:block; overflow: hidden;float: none;position: relative;box-sizing: border-box;margin: 0px;padding: 6vw 0 0 1.5vw !important; ;width: 100%;height: 25vw;font-size: 6.5vw;font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight:bold;line-height: 1.7;text-align: center;letter-spacing: 0;color: #fbc9c2; top:0;}

		.layout_rwd_1f5s_00 h2 img { width:100%; height:auto;}
		.layout_rwd_1f5s_00:nth-child(even) ul { padding: 10% 0 0 2%;margin: 11% 0 0% 0;}
		.layout_rwd_1f5s_00:nth-child(odd) ul { padding: 10% 0 0 2%;margin: 11% 0 0% 0;}
		.layout_rwd_1f5s_00 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_1f5s_00 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f5s_00 ul li a h3 { position:relative; margin:5%; padding:0 5%;border-radius:35px 0;  width:90%; height: 24px; overflow:hidden; font-weight:normal; font-size:14px; line-height:24px; text-align:center;  color:#000;}
		.layout_rwd_1f5s_00 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_1f5s_00 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f5s_00 ul li a h4 { margin:5px 0px -3px 0px; padding:0 5px; height:21px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f5s_00 ul li a p { margin:0px; padding:0 5px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f5s_00 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f5s_00 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f5s_00 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f5s_00 ul li a p .Price { font: 24px/36px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f5s_00 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f5s_00 .HashtagArea { width:100%; }
		.layout_rwd_1f5s_00 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f5s_00 .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_1f5s_00 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f5s_00 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f5s_00 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		
		.layout_rwd_1f5s_00 ul li:last-child { display:unset;}

	}	

/** layout_rwd_1f5s_x2**/

.layout_rwd_1f5s_x2  {height:840px; background: url(layout_rwd_1f5s_x2_bg.png?t=1750846216766) no-repeat scroll  center top; margin:100px auto 40px;} 
.layout_rwd_1f5s_x2 h2 { position:relative; top:-90px; margin:0 auto -80px; padding:0; width:100%; height:170px; font: 43px/80px "微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center;color:#fff; letter-spacing:0.01em; overflow:hidden;text-shadow: 3px 3px 4px rgba(0,0,0,0.8);}
.layout_rwd_1f5s_x2 h2 { background: url(layout_rwd_1f5s_x2_h2_bg.png?t=1750846216766) no-repeat scroll center top; }
.layout_rwd_1f5s_x2 h2 b { font-weight: bold;}
.layout_rwd_1f5s_x2 h2 .buttonAera_more { top:20px; right:15px; background-color: #EF1545; background-color:rgba(0,0,0,0.7);}
.layout_rwd_1f5s_x2 h2 .buttonAera_more:hover {background-color: #000;}
.layout_rwd_1f5s_x2 ul { padding:0px 0px 0px 27px;    margin:0 auto;}
.layout_rwd_1f5s_x2 ul li { float:left; display:inline-block; position:relative; margin:0px 4px 20px 0px; padding:0px 0px 5px 0px; width: 230px; height:330px; list-style: none outside none; background:#FFF;}
.layout_rwd_1f5s_x2 ul li a {text-decoration:none;}
.layout_rwd_1f5s_x2 ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_rwd_1f5s_x2 ul li a h3 { margin:0 10px; padding:0 10px; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #FFF; background:#8c0101;border-radius:20px;}
.layout_rwd_1f5s_x2 ul li a h4 { margin:5px 0 0; padding:0 10px; height: 22px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f5s_x2 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f5s_x2 ul li a p { margin:0; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f5s_x2 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f5s_x2 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f5s_x2 ul li a p .money { font: bold 16px/38px Century Gothic; }
.layout_rwd_1f5s_x2 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px;}
.layout_rwd_1f5s_x2 ul li a p small { font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}


/** RWD手機版型 **/
@media screen and (max-width: 736px) {
	
	/*1排2品*/
	.layout_rwd_1f5s_x2  {box-sizing: border-box; margin:10vw auto 14vw; padding:0% 0 1vw; width: 94%!important; height:auto; background-image:none !important; background-color: transparent;background-color: #f86745; border-radius:14px;}
	.layout_rwd_1f5s_x2 * { font-size:14px; box-sizing: border-box; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
	.layout_rwd_1f5s_x2 h2 {position:relative; top:-16vw; margin:0px 0 0 0; padding:0; width:100%; height:26vw; font: 28px/59px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bold;text-align: center;color:#fff; letter-spacing:0.01em; overflow:hidden;background-size:96%; margin-bottom:-10%}
    .layout_rwd_1f5s_x2 h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing: -0.1em; text-align: left; color: #FFF;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
	.layout_rwd_1f5s_x2 ul { padding:0; overflow:hidden; display: block; margin: -18vw auto 0; width: 96%; box-sizing: border-box; border:0px solid rgba(0,0,0,0.1); background-image:none; margin-bottom:2%;}
    .layout_rwd_1f5s_x2 ul li { float: left; display: inline-block; box-sizing: border-box; margin:1%; padding:1%; width:48.5%; height:auto; border: 0px; background-color:#FFF;}
	.layout_rwd_1f5s_x2 ul li { box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
	.layout_rwd_1f5s_x2 ul li:nth-child(odd) { margin-left:1%;}
	.layout_rwd_1f5s_x2 ul li:nth-child(even) { margin-left:0%}
	.layout_rwd_1f5s_x2 ul li:hover,
	.layout_rwd_1f5s_x2 ul li:active { box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
	.layout_rwd_1f5s_x2 ul li a { display: inline-block; box-sizing: border-box; margin: 0px; padding: 0px; width: 100%; height: auto; text-decoration: none; }
	.layout_rwd_1f5s_x2 ul li a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
	.layout_rwd_1f5s_x2 ul li a h2 {background-color: #e66675;}
	.layout_rwd_1f5s_x2 ul li a h3 { float: none; display:block; position: relative; margin:5% auto; padding:0 7%; width: 95%; height: 24px; overflow:hidden; text-align:center; color:#fff; font:bold 14px "微軟正黑體","Microsoft JhengHei",Helvetica; line-height:24px; }
	.layout_rwd_1f5s_x2 ul li a h3 { /*background-color: #255856;*/}
	.layout_rwd_1f5s_x2 ul li a h4 { float: none; display:block; position: relative; margin:5px 0px -3px 0; padding:0 5%; width: 100%; height: 21px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; color: #000;}
	.layout_rwd_1f5s_x2 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;}
	.layout_rwd_1f5s_x2 ul li a h4 b { text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; }
	.layout_rwd_1f5s_x2 ul li a h4 br { display:none;}
	.layout_rwd_1f5s_x2 ul li:hover a h4,
	.layout_rwd_1f5s_x2 ul li:hover a h4 b {text-decoration: none; color:#000;}
	.layout_rwd_1f5s_x2 ul li a p { float: none; display:block; position: relative; margin:0px; padding:0% 5%; width: 100%; height: 40px; font-size:100%; line-height:1.4; text-align: center; color: #d92670; background-color:transparent;}
	.layout_rwd_1f5s_x2 ul li a p del { padding-right:5px; font: 12px/20px Century Gothic; color:#5e5e5e;}
	.layout_rwd_1f5s_x2 ul li a p b { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d92670; letter-spacing:-1px;}
	.layout_rwd_1f5s_x2 ul li a p .money { font: bold 14px/26px Century Gothic; color:#d92670;}
	.layout_rwd_1f5s_x2 ul li a p .Price { font: 24px/36px Century Gothic; letter-spacing:-1px; color:#d92670;}
	.layout_rwd_1f5s_x2 ul li a p small { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

}	
	
/** 公版模組layout_1220_1f_n_4k **/
.layout_1220_1f_n_4k  { position:relative; margin-bottom:80px; height:1050px; } 
.layout_1220_1f_n_4k h2 { float:left; margin:35px auto; padding:0; position:absolute; pointer-events:none;
							  -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_1220_1f_n_4k h2:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px);  }
.layout_1220_1f_n_4k h2 a { display: block; text-decoration:none;}
.layout_1220_1f_n_4k h2 img { width: auto; height: auto;}
.layout_1220_1f_n_4k ul { display:inline-block; margin:0px; padding:0;}
.layout_1220_1f_n_4k ul li:first-child { margin-left: 726px;}
.layout_1220_1f_n_4k ul li { float:left; display:inline-block; position:relative; margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 230px; height:340px; 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_1220_1f_n_4k ul li a {text-decoration:none;}
.layout_1220_1f_n_4k ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_1220_1f_n_4k 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; overflow:hidden;}
.layout_1220_1f_n_4k ul li a h4 { margin:5px 0px; padding:0 10px; height:20px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_1220_1f_n_4k ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_1220_1f_n_4k ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_1220_1f_n_4k ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_1f_n_4k ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_1220_1f_n_4k ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_1220_1f_n_4k ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_1220_1f_n_4k .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_1220_1f_n_4k .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_1220_1f_n_4k .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_1220_1f_n_4k .HashtagArea dd strong:first-child { margin-left:0;}
.layout_1220_1f_n_4k .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_1220_1f_n_4k .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_1220_1f_n_4k .HashtagArea dd a:hover,
.layout_1220_1f_n_4k .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_1220_1f_n_4k{ width:94%; height:auto; overflow:auto; margin-bottom:8vw; padding:3% 0 0; border-radius:12px; background-image: none !important; }
		.layout_1220_1f_n_4k * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_1220_1f_n_4k h2 { float:left; margin:0 auto; padding:0; border-radius:0; overflow:hidden; position:relative; height:38vw;}
		.layout_1220_1f_n_4k h2 img { width:96%; height:auto;}
		.layout_1220_1f_n_4k ul { padding:0 0 0 2%; }
		.layout_1220_1f_n_4k 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_1220_1f_n_4k h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing: -0.1em; text-align: left; color: #f9db9c;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
		.layout_1220_1f_n_4k ul li a img { padding:0; width:100%; height:auto;}
		.layout_1220_1f_n_4k 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_1220_1f_n_4k 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_1220_1f_n_4k ul li a h3 span { z-index:1; position:relative;}
		.layout_1220_1f_n_4k ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height:20px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_1220_1f_n_4k ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_1220_1f_n_4k ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_1220_1f_n_4k ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_1220_1f_n_4k ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_1220_1f_n_4k ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_1220_1f_n_4k ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}


		.layout_1220_1f_n_4k ul li:first-child { margin:0 2% 2% 0;}
		
		/*.layout_1220_1f_n_4k ul li:first-child { margin:0 0 2% 50%;}
		.layout_1220_1f_n_4k ul li:first-child { width:98%!important; margin:2% 0%; padding:1%;}
		.layout_1220_1f_n_4k ul li:first-child img { width:50%!important;float:left!important;}
		.layout_1220_1f_n_4k ul li:first-child h3 { width:48%!important; float:left; margin:10% 0 0 0 ;}
		.layout_1220_1f_n_4k ul li:first-child h4 { width:50%!important; float:left; padding:0 3%;}
		.layout_1220_1f_n_4k ul li:first-child p { width:50%!important; float:left; padding:0 3%;}*/
	}


/*超級強牌公版layout_1220_2xn_0503公版*/
	.layout_1220_2xn_0503  { position: relative; display:block; margin:0 auto 40px; padding:180px 0 0 0px; width:1220px; height:auto; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align:left; background: no-repeat center top;} 
	.layout_1220_2xn_0503 h2 { position:relative; top:0px; margin:0px 0 0 0; padding:0px; overflow:hidden; height:180px; font-size:46px; line-height:135px;  color:#fff; letter-spacing:-3px; text-indent: 110%; display:none;}
	.layout_1220_2xn_0503 h2 b { }
	.layout_1220_2xn_0503 h2 .buttonAera_more { display:none;}
	.layout_1220_2xn_0503 h2 .buttonAera_more:hover {display:none;}
	.layout_1220_2xn_0503 ul { display:inline-block; margin:0px auto 0 30px; width:1175px; padding:0px;}
	.layout_1220_2xn_0503 ul li { float:left; display:inline-block; position:relative; margin:0 0 10px 5px; padding:30px 0 0; width: 580px; height: 320px; list-style: none outside none; background:url(area2_li_bg.png?t=1750846216766) center top no-repeat;
					  -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;}
	.layout_1220_2xn_0503 ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); }
	.layout_1220_2xn_0503 ul li a {text-decoration:none;}
	.layout_1220_2xn_0503 ul li .logo { display:none; z-index:1; position:absolute; top:5px; left:5%; border-bottom:1px solid #000; width:90%; height: 30px; overflow:hidden;}
	.layout_1220_2xn_0503 ul li .logo a { display:block; font-size:18px; line-height:30px; color: #ff0060;}
	.layout_1220_2xn_0503 ul li .logo a b { }
	.layout_1220_2xn_0503 ul li .logo a i { }
	.layout_1220_2xn_0503 ul li .logo:hover a {  color:#d92670;}
	.layout_1220_2xn_0503 ul li .PD a::before,
	.layout_1220_2xn_0503 ul li .PD a::after { content: ""; position:absolute; top:33px; left:5%; display: none; width:6px; height:6px; border-radius:10px; overflow: hidden; background-color:#000;}
	.layout_1220_2xn_0503 ul li .PD a::after { left:inherit; right:5%;}
	.layout_1220_2xn_0503 ul li .PD a img { display:block; margin:20px; padding:0px; width:40%; height:auto;float: left; border: solid #194987 3px; background: #fff;}
	.layout_1220_2xn_0503 ul li .PD a h3 { position: relative;top: 15px; margin:10px auto 20px; padding:0 38px 0 0; height: 34px; overflow:hidden; font-size:24px; line-height:30px; color: #194987;}
	.layout_1220_2xn_0503 ul li .PD a h4 {    margin: 0;    padding: 0px 40px 0 0px; height: 170px; font-weight: normal; font-size: 20px; line-height: 24px; color: #194987; text-align: left; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 7;-webkit-box-orient: vertical;display: -webkit-box;}
	.layout_1220_2xn_0503 ul li .PD a h4 b { display:none !important;}
	.layout_1220_2xn_0503 ul li .PD a h4 br { display: none;}
	.layout_1220_2xn_0503 ul li .PD a p { margin:0; padding:0 10px; height:38px; line-height:38px; color:#d92670; text-align:left; display: none !important;}
	.layout_1220_2xn_0503 ul li .PD a p del { padding-right:5px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
	.layout_1220_2xn_0503 ul li .PD a p b { font-size:14px; letter-spacing:-1px;}
	.layout_1220_2xn_0503 ul li .PD a p .money { font-weight: bold; font-size:14px; font-family: Century Gothic;}
	.layout_1220_2xn_0503 ul li .PD a p .Price { font-size:32px; font-family: Century Gothic; letter-spacing:-1px; }
	.layout_1220_2xn_0503 ul li .PD a p small { font-size:14px; letter-spacing:-1px;}
	.layout_1220_2xn_0503 ul li .more { position: absolute; bottom:7%; right:7%; margin:0px auto; padding:0; width:20%; height:50px; overflow:hidden; text-align: right;display: block}
	.layout_1220_2xn_0503 ul li .more a { position:relative; display: block; margin:0 auto; height:36px; overflow:hidden;  }
	.layout_1220_2xn_0503 ul li .more a b { z-index:1; position:relative; display: inline-block; padding:0 25px 0 20px; height:36px; overflow:hidden; font-weight:bold; font-size:16px; line-height:36px; color:#fff; background: #194987;border-radius: 100px;}
	.layout_1220_2xn_0503 ul li .more a i { position:absolute; top:50%; right:15px; display:block; border-top:2px solid #fff; border-right:2px solid #fff; z-index: 1; width:8px; height:8px; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
	.layout_1220_2xn_0503 ul li .more:hover b { color:#C0C0C0;}
	.layout_1220_2xn_0503 ul li .more:hover i { border-color:#C0C0C0;}
	

	@media screen and (max-width:768px){
	/*超級強牌layout_1220_2xn_0503*/
	.layout_1220_2xn_0503 { position: relative; display:block; margin:0px auto 4vw; padding:21vw 0 0 0px; width:100%; height:240vw; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; background-size: 70%;} 
	.layout_1220_2xn_0503 h2 { position:relative; top:0px; margin:0px 0 0 0; padding:0px; overflow:hidden; height:180px; font-size:46px; line-height:135px;  color:#fff; letter-spacing:-3px; text-indent: 110%;}
	.layout_1220_2xn_0503 h2 b { }
	.layout_1220_2xn_0503 h2 .buttonAera_more { display:none;}
	.layout_1220_2xn_0503 h2 .buttonAera_more:hover {display:none;}
	.layout_1220_2xn_0503 ul { display:inline-block; margin:0px auto; width:96%; padding:0px;}
	.layout_1220_2xn_0503 ul li { float:left; display:inline-block; position:relative; margin:0 auto 2vw 1vw; padding:0; width: 100%; height:58vw; list-style: none outside none; background-size: 100%;}
	.layout_1220_2xn_0503 ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); box-shadow:0 3px 30px rgba(0,0,0,0.4);}
	.layout_1220_2xn_0503 ul li a {text-decoration:none;}
	.layout_1220_2xn_0503 ul li .logo { display:none; z-index:1; position:absolute; top:5px; left:5%; border-bottom:1px solid #000; width:90%; height: 30px; overflow:hidden;}
	.layout_1220_2xn_0503 ul li .logo a { display:block; font-size:18px; line-height:30px; color: #ff0060;}
	.layout_1220_2xn_0503 ul li .logo a b { }
	.layout_1220_2xn_0503 ul li .logo a i { }
	.layout_1220_2xn_0503 ul li .logo:hover a {  color:#d92670;}
	.layout_1220_2xn_0503 ul li .PD a::before,
	.layout_1220_2xn_0503 ul li .PD a::after { content: ""; position:absolute; top:33px; left:5%; display: none; width:6px; height:6px; border-radius:10px; overflow: hidden; background-color:#000;}
	.layout_1220_2xn_0503 ul li .PD a::after { left:inherit; right:5%;}
	.layout_1220_2xn_0503 ul li .PD a img {display:block; margin:10vw 2vw 2vw 4vw; padding:0px; width: 40%;  height: auto;  float: left;}
	.layout_1220_2xn_0503 ul li .PD a h3 { margin:1vw 1vw 5vw;  padding:0; height: 9vw; font-size:4.5vw; line-height:8vw;width:49%;top: 8vw;left: 0; text-align: left;}
	.layout_1220_2xn_0503 ul li .PD:hover a h3 {color:#fff;}
	.layout_1220_2xn_0503 ul li .PD a h4 {margin: 0;padding: 1.5vw 5vw 0 0;height: 25vw;font-size: 4vw;line-height: 5vw;overflow: hidden;font-weight: 300;-webkit-line-clamp: 5;}
	.layout_1220_2xn_0503 ul li .PD:hover a h4 {color:#d92670;}
	.layout_1220_2xn_0503 ul li .PD a h4 b { display:block;}
	.layout_1220_2xn_0503 ul li .PD a h4 br { display: none;}
	.layout_1220_2xn_0503 ul li .PD a p { margin:0; padding:0 10px; height:38px; line-height:38px; color:#d92670;}
	.layout_1220_2xn_0503 ul li .PD a p del { padding-right:5px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
	.layout_1220_2xn_0503 ul li .PD a p b { font-size:14px; letter-spacing:0px;}
	.layout_1220_2xn_0503 ul li .PD a p .money { font-weight: bold; font-size:14px; font-family: Century Gothic;}
	.layout_1220_2xn_0503 ul li .PD a p .Price { font-size:32px; font-family: Century Gothic; letter-spacing:-1px; }
	.layout_1220_2xn_0503 ul li .PD a p small { font-size:14px; letter-spacing:-1px;}
	.layout_1220_2xn_0503 ul li .more { bottom:10%;width:47%; height:36px; }
	.layout_1220_2xn_0503 ul li .more a { position:relative; display: block; margin:0 auto; height:36px; overflow:hidden;  }
	.layout_1220_2xn_0503 ul li .more a b {padding:0 25px 0 20px; height:36px; font-weight:300; font-size:16px; line-height:36px;}
	.layout_1220_2xn_0503 ul li .more a i { right:17px; border-top:2px solid #fff; border-right:2px solid #fff; width:8px; height:8px; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
	.layout_1220_2xn_0503 ul li .more:hover b { color:#000;}
	.layout_1220_2xn_0503 ul li .more:hover i { border-color:#000;}
	}



.layout_rwd_1220_3xn_01  { margin-bottom:80px; background: no-repeat center top; padding-top: 180px;} 
.layout_rwd_1220_3xn_01 h2 { display:none;}
.layout_rwd_1220_3xn_01 ul { display:inline-block; margin:15px 0px 0px 22px; padding:0px;}
.layout_rwd_1220_3xn_01 ul li { float:left; display:inline-block; position:relative; margin:0px 12px 20px 0px; padding:30px 0px 0px 0px; width:308px; height:565px; list-style: none outside none; background:url(area3_li_bg.png?t=1750846216766) center top no-repeat; }
.layout_rwd_1220_3xn_01 ul li a {text-decoration:none; cursor:pointer; display:block}
.layout_rwd_1220_3xn_01 ul li a img { display:block; margin:0px; width:258px; height:258px; margin:16px 20px 20px; background: #fff;}
.layout_rwd_1220_3xn_01 ul li a h3 { margin:0px 30px; padding:0px; width: 248px;height: 35px;font: bold 24px/32px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; letter-spacing:-0.03em; overflow: hidden; border-radius: 100px; background: #e77518;}
.layout_rwd_1220_3xn_01 ul li a h4 { margin:0px 30px 0px 30px; padding-top:5px; width: 248px;height: 146px;font: 16px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align:left;color:#194987; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 7;-webkit-box-orient: vertical;display: -webkit-box;line-height: 21px;}
.layout_rwd_1220_3xn_01 ul li:hover a h4 {}
.layout_rwd_1220_3xn_01 ul li{
  -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_1220_3xn_01 ul li:hover{ 
   filter:brightness(105%);
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}

.layout_rwd_1220_3xn_01 ul li a p { margin:-5px 0px 0px 0px; padding:0px;;width:308px;height: 60px;text-align: center; color:#db2471; display: none;}
.layout_rwd_1220_3xn_01 ul li a p del { padding-right:5px; font: 14px/20px Century Gothic; color:#5e5e5e;}
.layout_rwd_1220_3xn_01 ul li a p b { font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.layout_rwd_1220_3xn_01 ul li a p small { font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.layout_rwd_1220_3xn_01 ul li a p .money { font: bold 19px/26px Century Gothic; color:#db2471;}
.layout_rwd_1220_3xn_01 ul li a p .Price { font: 52px/60px Century Gothic; letter-spacing:-1px; color:#db2471;letter-spacing:-0.05em;}
.layout_rwd_1220_3xn_01 ul li a .BUY { margin:0 auto;padding: 7px 0 0 0; width:257px; height:49px; background-image:url(); background-color:#000;color: #fff;font-size: 30px;text-align: center;}
.layout_rwd_1220_3xn_01 ul li a .BUY span { display:none !important;}
.layout_rwd_1220_3xn_01 ul li:nth-child(1) a .BUY:after { content: "08:00開搶";}
.layout_rwd_1220_3xn_01 ul li:nth-child(2) a .BUY:after { content: "10:00開搶";}
.layout_rwd_1220_3xn_01 ul li:nth-child(3) a .BUY:after { content: "20:00開搶";}
.layout_rwd_1220_3xn_01 ul li:hover a .BUY {background-color:#db2471}
.layout_rwd_1220_3xn_01 ul li .more { display:none; position: absolute; bottom:3%; right:10%; margin:0px auto; padding:0; width:40%; height:50px; overflow:hidden; text-align: right;display: block}
.layout_rwd_1220_3xn_01 ul li .more a { position:relative; display: block; margin:0 auto; height:36px; overflow:hidden;  }
.layout_rwd_1220_3xn_01 ul li .more a b { z-index:1; position:relative; display: inline-block; padding:0 25px 0 20px; height:36px; overflow:hidden; font-weight:bold; font-size:16px; line-height:36px; color:#fff; background: #e77518;border-radius: 100px;}
.layout_rwd_1220_3xn_01 ul li .more a i { position:absolute; top:50%; right:15px; display:block; border-top:2px solid #fff; border-right:2px solid #fff; z-index: 1; width:8px; height:8px; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
.layout_rwd_1220_3xn_01 ul li .more:hover b { color:#C0C0C0;}
.layout_rwd_1220_3xn_01 ul li .more:hover i { border-color:#C0C0C0;}
	
	

@media screen and (max-width:766px){
	
	.layout_rwd_1220_3xn_01 { position: relative; display:block; margin:0px auto 8vw; padding:21vw 0 0 0px; width:100%; height:180vw; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; background-size: 70%;} 
	.layout_rwd_1220_3xn_01 h2 { position:relative; top:0px; margin:0px 0 0 0; padding:0px; overflow:hidden; height:180px; font-size:46px; line-height:135px;  color:#fff; letter-spacing:-3px; text-indent: 110%;}
	.layout_rwd_1220_3xn_01 h2 b { }
	.layout_rwd_1220_3xn_01 h2 .buttonAera_more { display:none;}
	.layout_rwd_1220_3xn_01 h2 .buttonAera_more:hover {display:none;}
	.layout_rwd_1220_3xn_01 ul { display:inline-block; margin:0px auto; width:96%; padding:0px;}
	.layout_rwd_1220_3xn_01 ul li { float:left; display:inline-block; position:relative; margin:0 auto 2vw 1vw; padding:0; width: 100%; height:58vw; list-style: none outside none; background-image:url(area3_li_bg_m.png?t=1750846216766); background-size: 100%; }
	.layout_rwd_1220_3xn_01 ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); box-shadow:0 3px 30px rgba(0,0,0,0.4);}
	.layout_rwd_1220_3xn_01 ul li a {text-decoration:none;}
	.layout_rwd_1220_3xn_01 ul li .logo { display:none; z-index:1; position:absolute; top:5px; left:5%; border-bottom:1px solid #000; width:90%; height: 30px; overflow:hidden;}
	.layout_rwd_1220_3xn_01 ul li .logo a { display:block; font-size:18px; line-height:30px; color: #ff0060;}
	.layout_rwd_1220_3xn_01 ul li .logo a b { }
	.layout_rwd_1220_3xn_01 ul li .logo a i { }
	.layout_rwd_1220_3xn_01 ul li .logo:hover a {  color:#d92670;}
	.layout_rwd_1220_3xn_01 ul li .PD a::before,
	.layout_rwd_1220_3xn_01 ul li .PD a::after { content: ""; position:absolute; top:33px; left:5%; display: none; width:6px; height:6px; border-radius:10px; overflow: hidden; background-color:#000;}
	.layout_rwd_1220_3xn_01 ul li .PD a::after { left:inherit; right:5%;}
	.layout_rwd_1220_3xn_01 ul li .PD a img {display:block; margin:10vw 2vw 2vw 4vw; padding:0px; width: 40%;  height: auto;  float: left;}
	.layout_rwd_1220_3xn_01 ul li .PD a h3 { margin:1vw 1vw 6vw;  padding:0; height: 7vw; font-size:4.5vw; line-height:7.2vw;width:49%;top: 8vw;left: 0; text-align: center; position: relative;}
	.layout_rwd_1220_3xn_01 ul li .PD:hover a h3 {color:#fff;}
	.layout_rwd_1220_3xn_01 ul li .PD a h4 {margin: 0;padding: 2.8vw 0 0;height: 25vw;font-size: 4vw;line-height: 5vw;overflow: hidden;font-weight: 300;-webkit-line-clamp: 5; width: 48%;}
	.layout_rwd_1220_3xn_01 ul li .PD:hover a h4 {color:#d92670;}
	.layout_rwd_1220_3xn_01 ul li .PD a h4 b { display:block;}
	.layout_rwd_1220_3xn_01 ul li .PD a h4 br { display: none;}
	.layout_rwd_1220_3xn_01 ul li .PD a p { margin:0; padding:0 10px; height:38px; line-height:38px; color:#d92670;}
	.layout_rwd_1220_3xn_01 ul li .PD a p del { padding-right:5px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
	.layout_rwd_1220_3xn_01 ul li .PD a p b { font-size:14px; letter-spacing:0px;}
	.layout_rwd_1220_3xn_01 ul li .PD a p .money { font-weight: bold; font-size:14px; font-family: Century Gothic;}
	.layout_rwd_1220_3xn_01 ul li .PD a p .Price { font-size:32px; font-family: Century Gothic; letter-spacing:-1px; }
	.layout_rwd_1220_3xn_01 ul li .PD a p small { font-size:14px; letter-spacing:-1px;}
	.layout_rwd_1220_3xn_01 ul li .more { bottom:10%;width:47%; height:36px; right: 7%; }
	.layout_rwd_1220_3xn_01 ul li .more a { position:relative; display: block; margin:0 auto; height:36px; overflow:hidden;  }
	.layout_rwd_1220_3xn_01 ul li .more a b {padding:0 25px 0 20px; height:36px; font-weight:300; font-size:16px; line-height:36px;}
	.layout_rwd_1220_3xn_01 ul li .more a i { right:17px; border-top:2px solid #fff; border-right:2px solid #fff; width:8px; height:8px; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
	.layout_rwd_1220_3xn_01 ul li .more:hover b { color:#000;}
	.layout_rwd_1220_3xn_01 ul li .more:hover i { border-color:#000;}
			
			
	
	
	
	}




/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}

