@charset "utf-8";

/*基本*/
body {margin: 0; padding:0; background: url() repeat center top ; background-color:#fff; }
	@media screen and (max-width:767px){
		body { background: url() repeat center top ;background-size:4%; width:100%;}
	}
/*隱鑶*/
.for_pc {}
.for_phone, .for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone, .for_m { display: inherit !important;}
	}


/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto;	padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%; background:#fff;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
	}

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

		  
.WRAPPER .go_bt2 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt2:hover { 
  -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);}


.WRAPPER .go_bt3 {
  -webkit-transition: all 0.9s ease;
     -moz-transition: all 0.9s ease;
      -ms-transition: all 0.9s ease;
       -o-transition: all 0.9s ease;
          transition: all 0.9s ease;}
.WRAPPER .go_bt3:hover { 
  -webkit-transform: scale3d(0.9,0.9,0.9);
     -moz-transform: scale3d(0.9,0.9,0.9);
      -ms-transform: scale3d(0.9,0.9,0.9);
       -o-transform: scale3d(0.9,0.9,0.9);
          transform: scale3d(0.9,0.9,0.9);}





/*PC背景*/
@media screen and (min-width:767px){
    .bgtop { z-index: -2;position: fixed;top: 0;left: 0;width: 100%;min-width: 1220px;height: 1300px;background: url(bgtop.jpg?t=1750842595575) no-repeat center top;}
	.bgtop01 {z-index:0; position:absolute; top:2720px; left:0; width:100%; min-width:1220px; height:880px; background: url(bg.png?t=1750842595575) no-repeat top;}
	.bgtop02 {z-index:0; position:absolute; top:1000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_02.jpg?t=1750842595575) no-repeat center top;}
	.bgtop03 {z-index:0; position:absolute; top:2000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_03.jpg?t=1750842595575) no-repeat center top;}
	.bgtop04 {z-index:0; position:absolute; top:3000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_04.jpg?t=1750842595575) no-repeat center top;}
	.bgtop05 {z-index:0; position:absolute; top:4000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_05.jpg?t=1750842595575) no-repeat center top;}
	.bgtop06 {z-index:0; position:absolute; top:5000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_06.jpg?t=1750842595575) no-repeat center top;}
	.bgtop07 {z-index:0; position:absolute; top:6000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_07.jpg?t=1750842595575) no-repeat center top;}
	.bgtop08 {z-index:0; position:absolute; top:7000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_08.jpg?t=1750842595575) no-repeat center top;}
    .bgg{z-index:-4; position:absolute; top:0px; left:0; width:100%; height:100%;  background-image:url(bgg.jpg?t=1750842595575);  background-repeat:repeat-y; background-position:center top;}
}


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}
.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_1bn_nopadding a  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_1bn_nopadding img  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;width:100%;}
.Area_3bn_nopadding p { float:left; margin:0; padding:0; width:33.3%; list-style: none; text-align:center;}
	@media screen and (max-width:767px){
		.Area .go_bt:hover { 
		  -webkit-transform:none;
			 -moz-transform:none;
			  -ms-transform:none;
			   -o-transform:none;
				  transform:none;}
		.Area1220 { width:100%;}
		.Area960 { margin:0 auto; width:96%;}
		.Area800 { margin:0 auto; width:96%;}
		.Area img{ width:100%;}
		.Area { position: relative;}
		
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { width:96%; margin: 0 2%; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { position:relative; float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
		.Area_3bn_nopadding a img{ width:94%; list-style: none;}

	}




/*logo左*/
.momologo { position:absolute; top: 0px;left:0;z-index:10; }
	@media screen and (max-width:767px){
    .momologo {width: 100%;  margin-left:0;}
	}
.momologo a:hover { }

/*logo右*/
 .logo { position:absolute; top: 0px; left:1000px; z-index:9; }
	@media screen and (max-width:767px){
  .logo {width: 40%;top: 0vw;left: 0;;position: absolute;}
	}




/*版頭頁籤*/
	.AreaHeader {z-index:5; background:#f3f3f3;position: relative; top:0; left:50%; transform:translateX(-50%); width:100%; height:auto; z-index:9;}
	.Area .box{position:relative; margin:0 auto;height:px;}
	.Area ul.labelbox {padding: 0 0 0 2px;margin: 0;text-align: center; height:50px;background: #2d2d2d;text-align:center;}
	.Area ul.labelbox li {list-style:none;display: inline-block;margin:13px 0px;text-align:center;}
	.Area .menu .label_btn{display: inline-block; width:180px;line-height: 50px;font:18px/18px 微軟正黑體,"Microsoft JhengHei",Helvetica;color: #FFFF;background: #2d2d2d;text-align: center;}
	.Area .menu .label_btn:hover{color: #929292;}
	.Area .menu .selected .label_btn{display: inline-block; width:180px;;font:18px/18px 微軟正黑體,"Microsoft JhengHei",Helvetica;color: #929292;background:#2d2d2d;text-align: center;}
	.Area .tab_content .page {display:none;  width:100%;min-height:110px;text-align: center;background-color:#f7f3f7;}
	.Area .tab_content .page ul { margin:0px auto; padding:0 0 0 19px;}
	.Area .tab_content .page ul:after { content:""; display:block; clear:both;}
	.Area .tab_content .page ul li { float:inherit; display:inline-block; position:relative; margin:16px 0 0 0; padding:0; width:150px; list-style: none outside none; 
					  /*-webkit-transition: all 0.9s ease;
						 -moz-transition: all 0.9s ease;
						  -ms-transition: all 0.9s ease;
						   -o-transition: all 0.9s ease;
							  transition: all 0.9s ease;*/}
	.Area .tab_content .page ul li:nth-child(4n+1) { margin-left:0;}
	.Area .tab_content .page ul li:hover {   
						-webkit-transform: scale3d(0.9,0.9,0.9);
						 -moz-transform: scale3d(0.9,0.9,0.9);
						  -ms-transform: scale3d(0.9,0.9,0.9);
						   -o-transform: scale3d(0.9,0.9,0.9);
							  transform: scale3d(0.9,0.9,0.9);}
	.Area .tab_content .page ul li a img { width:105px; height:85px;}
	@media screen and (max-width:767px){
	
		.AreaHeader {z-index:5; background:#f3f3f3;position: relative; top:0;width:100%; height:auto; z-index:9;}
		.Area .box{position:relative; margin:0 auto;height:px;}
		.Area ul.labelbox {padding:2vw 0;margin:0;text-align: center; height:8vw;background: #2d2d2d;text-align:center;}
		.Area ul.labelbox li {list-style:none;display: inline-block;margin:0;text-align:center; width:18%;}
		.Area .menu .label_btn{display: inline-block; width:100%;line-height:20%;font:18px/18px 微軟正黑體,"Microsoft JhengHei",Helvetica;color: #FFFF;background: #2d2d2d;text-align: center;}
		.Area .menu li.active::after {width:100%; height:2%;background-color:#fff;}
		.Area .menu .selected .label_btn{display: inline-block; width:100%;line-height:20%;font:18px/28px 微軟正黑體,"Microsoft JhengHei",Helvetica;color: #929292;background:#2d2d2d;border: 1px solid #929292;text-align: center;}
		.Area .menu .label_btn:hover{color: #929292;border: 1px solid #929292;}
		.Area .tab_content .page {display:none;  width:100%;text-align: center;background-color:#f7f3f7;}
		.Area .tab_content .page ul { margin:0; padding:0;}
		.Area .tab_content .page ul li { float:inherit; display:inline-block; position:relative; margin:2vw 0 0 0; padding:1vw; width:28%; list-style: none outside none; 
						/*  -webkit-transition: all 0.9s ease;
							 -moz-transition: all 0.9s ease;
							  -ms-transition: all 0.9s ease;
							   -o-transition: all 0.9s ease;
								  transition: all 0.9s ease;*/}
		}
	


/*版頭*/
@media screen and (min-width:767px){
.Area_top { position:relative; width:1220px;height:450px;}
.Area_top .title{position:absolute; top:0px; left:275px;z-index:2;}
.Area_top .toppd01{position:absolute; width:2000px;top:0px; left:-390px; z-index:0;padding: 0px;}

}

@media screen and (max-width:767px){
.Area_top { width:100%; height:40vw; background-repeat:no-repeat; background-size:100%;padding-top:0vw;overflow: hidden; }
.Area_top .momologo{ display:none}
.Area_top .toppd01{position:absolute;width:100%;top:0;left: 0;overflow: hidden;height: 35vw;}

		}



/*RWD活動按鈕*/
.Area_btn {position: relative; display:block; height:340px; margin:30px auto; }
.Area_btn .PD{position: absolute; width: 100%;top:0px; left:0; z-index:9; }
.Area_btn .PD go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area_btn .PD go_bt:hover { 
   filter:brightness(150%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

.Area_btn .Area_4bn_nopadding { width:100%; margin: 0px auto; padding:0;}
.Area_btn .Area_4bn_nopadding a { position:relative; float:left; margin:0; padding:18px; width:25%; list-style: none; box-sizing: border-box; }
.Area_btn .Area_3bn_nopadding {width:100%; margin: 0px auto; padding:0;}
.Area_btn .Area_3bn_nopadding a { position:relative; float:left; margin:0; padding:0px; width:33.3%; list-style: none; box-sizing: border-box; }



@media screen and (max-width:767px){
.Area_btn{ height:auto; margin:3vw 0; }
.Area_btn .tt{ height:auto; margin:0 30%; width:40%; }
.Area_btn .Area_4bn_nopadding { margin:1%; padding:0; overflow:hidden;}
.Area_btn .Area_4bn_nopadding a { float:left; display: block; margin:0%; padding:1%; width:48%; list-style: none;}
.Area_btn .Area_3bn_nopadding { margin:0; padding:0; overflow:hidden;}
.Area_btn .Area_3bn_nopadding a { float:left; margin:0% 2% 0% 1%; padding:1%; width:46%; list-style: none;}

}



/*銀行活動*/	
.bank_btn {position: relative; display:block; height:150px; margin:30px  auto; }
.bank_btn .PD{position: absolute; width: 100%;top:0px; left:0; z-index:9; }
.bank_btn .PD go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.bank_btn .PD go_bt:hover { 
   filter:brightness(150%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

.bank_btn .Area_4bn_nopadding { width:100%; margin: 0px auto; padding:0;}
.bank_btn .Area_4bn_nopadding a { position:relative; float:left; margin:0; padding:18px; width:25%; list-style: none; box-sizing: border-box; }

@media screen and (max-width:767px){
.bank_btn{ height:auto; margin:3vw 0; }
.bank_btn .tt{ height:auto; margin:0 30%; width:40%; }
.bank_btn .Area_4bn_nopadding { margin:2%; padding:0; overflow:hidden;}
.bank_btn .Area_4bn_nopadding a { float:left; display: block; margin:0%; padding:1%; width:48%; list-style: none;}

}




/*01*/	
.Area01 {position: relative; display:block; width:1220px; height:840px; margin:80px auto 20px;padding:0; background-image:url();}
.Area01 .tt{ height:auto; margin:30px 0; width: auto; }
.Area01 .pd01 { top:80px; left:10px; margin:0; padding:0;overflow:hidden;position:absolute;}
.Area01 .pd02 { top:80px; left:310px; margin:0; padding:0;overflow:hidden;position:absolute;}
.Area01 .pd03 { top:80px; left:610px; margin:0; padding:0;overflow:hidden;position:absolute;}
.Area01 .pd04 { top:405px; left:10px; margin:0; padding:0;overflow:hidden;position:absolute;}
.Area01 .pd05 { top:405px; left:310px; margin:0; padding:0;overflow:hidden;position:absolute;}
.Area01 .pd06 { top:405px; left:920px; margin:0; padding:0;overflow:hidden;position:absolute;}

	@media screen and (max-width:767px){
	.Area01 {position: relative; display:block; margin:3vw auto 0; width:100%; height:230vw;overflow:hidden; background: none;}
	.Area01 .tt{ height:auto; margin:5% 20%; width:60%; }
	.Area01 .Area_2bn_nopadding{display:inline-block; float:left; width:100%; padding:0; margin:0;}
	.Area01 .Area_2bn_nopadding a img{width:100%;}
	 }



/*02*/	
.Area02 {position: relative; display:block; width:1220px; height:1100px; margin:80px auto 20px;padding:0; background-image:url(Area02_bg.png?t=1750842595575); }
.Area02 .tt{ position: relative;height:auto; margin:30px 0; width: auto; top:-90px; }
.Area02 .pd01 {position:absolute; top:10px; left: 475px;z-index: 5;}
.Area02 .pd02 {position:absolute; top:305px; left: 185px;z-index: 5;}
.Area02 .pd03 {position:absolute; top:600px; left: 475px;z-index: 5;}
.Area02 .pd04 {position:absolute; top:305px; left: 800px;z-index: 5;}

	@media screen and (max-width:767px){
	.Area02{position: relative; display:block; margin:5vw auto 0; width:100%; height:145vw;overflow:hidden; background-image:none;}
	.Area02 .tt{ height:auto; margin:5% 20% 2%; width:60%; top:0; }
	.Area02 .Area_2bn_nopadding{display:inline-block; float:left; width:96%; padding:0; margin:2%;}
	.Area02 .Area_2bn_nopadding a img{width:90%;}
	
	 }


/*03*/
.Area03  {position: relative; display:block; height:800px; margin:0 auto;padding:65px 0;}
	@media screen and (max-width:767px){
	.Area03 {position: relative; display:block; margin:3vw auto;padding:0; width: 100%; height:auto; background-color:#2d2d2d;}
	.Area03 img {float:left; margin:0% ; padding:0; width:94%; list-style: none;}
	}
	
	
/*04*/
.Area04  {position: relative; display:block; height:auto;margin:0 auto;padding:0;}
	@media screen and (max-width:767px){
	.Area04  {height: auto; }
	}

/*影音區*/
.Areavideo{position: relative; display:block; margin: 3vw auto; width: 1220px; height:695px; box-sizing: border-box;}
.Areavideo .bg1{position: relative; display:block; margin:0 auto 0px; width: 1220px; height:717px; box-sizing: border-box;}
.Areavideo .video1{position:absolute; top:100px; left:177px;  width: 864px; height: 541px; background:rgba(0,0,0,1); z-index:10;}

	@media screen and (max-width:767px){
		.Areavideo{ position: relative; display:block; margin:0 auto; width: 100%; height:70vw;  background:none;}
		.Areavideo .bg1{margin: 0 auto; padding:0; overflow:hidden;}
		.Areavideo .video1{position:absolute;top: 10%; left:6%; width: 88vw; height: 55vw;background:rgba(0,0,0,1); z-index:10;}
	
	}
	


/*旗艦館bn*/
 .Area_bn { position: relative;margin: 50px 0 0 0;padding:20px 0; text-align: center; background-color:#000;}
 .Area_bn .box { }
 .Area_bn .box img{width: 463px; }

	@media screen and (max-width:767px){
		/*旗艦館bn*/
		 .Area_bn {margin:0 ; }	
		 .Area_bn .box { width:100%; margin: 2vw 0 0 0; }	
		 .Area_bn .box img{width: 80%; }
	}





	
/*Appletxt*/
.apple_txt{position: relative;margin:0 auto;padding:10px 0; background:#fff; color:#000; font-size: 14px; text-align: center; }
	@media screen and (max-width:767px){
		.apple_txt{position: relative; color:#000; padding:2vw 0 2vw;}
		
	}








/** 公版模組layout_rwd_1f4s_01 **/
.layout_rwd_1f4s_01  { position:relative; margin-bottom:20px; width:1220px; } 

.layout_rwd_1f4s_01 h2 { width:1150px; height:360px;}
.layout_rwd_1f4s_01 ul {width:1220px; display:inline-block;  box-sizing:border-box;    margin:0 0 40px  0;padding:0 0; }
.layout_rwd_1f4s_01 ul li { float:left; display:inline-block; position:relative; margin:22px 15px 0 17px;border-radius: 15px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 270px; height:390px; list-style: none outside none; background:#fff;
							  -webkit-transition: all 0.4s ease;
									 -moz-transition: all 0.4s ease;
									  -ms-transition: all 0.4s ease;
									   -o-transition: all 0.4s ease;
										  transition: all 0.4s ease;}
.layout_rwd_1f4s_01 ul li a {text-decoration:none;}
.layout_rwd_1f4s_01 ul li a img { display:block; margin:0px; padding:10px; width:250px; height:250px;}
.layout_rwd_1f4s_01 ul li a h3 { position: relative; margin:0 10px; padding:0 10px; border-radius:15px; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #FFF; background:#000000;}
.layout_rwd_1f4s_01 ul li a h4 { margin:5px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f4s_01 ul li:hover{ -webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.layout_rwd_1f4s_01 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f4s_01 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f4s_01 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f4s_01 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f4s_01 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f4s_01 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f4s_01 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f4s_01 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f4s_01 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f4s_01 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f4s_01 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f4s_01 .HashtagArea dd a {display:block; padding: 10px 10px 10px 10px; /*border-radius: 5px;*/ line-height:30px; font-weight:300; font-size: 16px; color:#000;text-decoration:none;  background-color:#fff;
							  -webkit-transition: all 0.4s ease;
									 -moz-transition: all 0.4s ease;
									  -ms-transition: all 0.4s ease;
									   -o-transition: all 0.4s ease;
										  transition: all 0.4s ease;}
.layout_rwd_1f4s_01 .HashtagArea dd a::after { content: ""; position:relative; top:5px; left:5px; display:inline-block; border:1px solid #000; border-width:0 1px 1px 0; width:8px; height:8px; -webkit-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-70%) rotate(-45deg);}
.layout_rwd_1f4s_01 .HashtagArea dd a:hover,
.layout_rwd_1f4s_01 .HashtagArea dd a:active { -webkit-transform:translateY(-8px); transform:translateY(-8px);  box-shadow:0 0 20px rgba(0,0,0,0.5); }
@media screen and ( min-width:737px) {
.layout_rwd_1f4s_01:nth-child(odd) {}
.layout_rwd_1f4s_01:nth-child(even) {}

}

	@media screen and ( max-width:736px) {
		.layout_rwd_1f4s_01{ width:100%; height:auto; overflow:auto; margin-bottom:0px; background-image: none   }
		.layout_rwd_1f4s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}

		.layout_rwd_1f4s_01 h2 {height:auto;width: 100%}
		.layout_rwd_1f4s_01 h2 img {width: 100%}
		
		
		.layout_rwd_1f4s_01 ul {width:100%; margin:0vw 0 0vw 0; padding:0 0 0 2%;}
		.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%; 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_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;}*/

	}