@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) center top no-repeat; } 
.layout_1220_2x2_4:nth-child(2)  {background:url(layout_1220_2x2_4-bg2.png) center top no-repeat; } 
.layout_1220_2x2_4:nth-child(3)  {background:url(layout_1220_2x2_4-bg3.png) 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) 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);*/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);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) center top no-repeat;} 
.layout_1220_3x2:nth-child(2) {background:url(layout_1220_3x2-bg2.png) 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; background-image:url(); }
.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) 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) 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;}




/** 公版3 **/
.layout_1220_1f8s_1111C_Area { margin:20px auto; text-align:center;    width: 1220px;}
.layout_1220_1f8s_1111C_Area .box { z-index:1; position:relative}
.box_titlebox { z-index:2; position:absolute; top:0; left:50%; margin-left:-668px; }
.box_more { opacity:0.6; z-index:3; position:absolute; top:320px; left:0;  background-color: #000; padding: 3px 14px; width:94px; height:37px; 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 18px/32px 微軟正黑體; text-decoration:none; width:94px; height:37px;}
.box_more:hover { background-color:#ff0000; 
 -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);}
	@media screen and (max-width:767px){
	.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_1f4s_02 **/
@media screen and (min-width:768px){	
	/*超級強牌layout_1220_1f8s_1111C*/ /*20180328改版*/
	.layout_1220_1f8s_1111C  {margin:0 auto 40px;  position: relative; display:block; /*margin:0 0 25px; padding:0 0 0 0px;*/ height:352px;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center;} 
	.layout_1220_1f8s_1111C::after  { content: ""; z-index:-1; position:absolute; top:0; left:0; display:block; width:100%; height:160px;}
	.layout_1220_1f8s_1111C h2 { display:block; position:relative; top:0px; #top:5px; margin:0px; padding:0px; height:91px; font-size:46px; line-height:74px;  color:#fff; letter-spacing:-3px; overflow:hidden;}
	.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:10px 0 0 20px; width:1220px; padding:0px;}
	.layout_1220_1f8s_1111C ul li { float:left; display:inline-block; position:relative; margin:10px 7px 0 0; padding:0; width: 230px; height:313px; 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:first-child {width:230px;height:328px;border:none;background:none; margin-left:10px;}
	.layout_1220_1f8s_1111C ul li:hover::after { display:none;}
	.layout_1220_1f8s_1111C ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); }

	.layout_1220_1f8s_1111C ul li a {text-decoration:none;}
	.layout_1220_1f8s_1111C ul li:first-child a { display:block; width:230px; height:328px; }

	.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:10px auto 5px; padding:0px; width:90%; height:auto;}
	.layout_1220_1f8s_1111C ul li .PD a h3 { margin:0 auto 5px; padding:0 10px; width:81%; height: 26px; overflow:hidden; font-size:16px; line-height:26px; color: #fff; background-color:#5f5f5f; }
	.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-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; padding:0 0 0 2px;}
	.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;}

}

@media screen and (max-width:767px){
.layout_1220_1f8s_1111C {width:96%; height:auto; overflow:auto; margin-bottom:4%; background-image:none !important; border-radius:20px;}
.layout_1220_1f8s_1111C:nth-child(odd) {background-color:#cab381 !important;}
.layout_1220_1f8s_1111C:nth-child(even) {background-color:#c84c4c !important;}
.layout_1220_1f8s_1111C  h2 { display:block; position: relative; margin:0 auto; padding: 0px; height:auto; overflow:hidden; font-weight: bold; font-size:6vw; line-height:9vw; color: #fff; text-align: center; letter-spacing: -0.05em; width:100%;}
.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  .for_phone a { display:block; margin:0; padding:0px; width:100%; height:auto;}
.layout_1220_1f8s_1111C  .for_phone a img { display:block; margin:0; padding:0px; width:100%; height:auto;}
.layout_1220_1f8s_1111C ul { display:inline-block;margin:auto 0; padding:0%; width:100%; }
.layout_1220_1f8s_1111C ul li { float:left; display:inline-block; position:relative; margin:0 0 2% 2%;; padding:0; width:47%; height:auto;list-style: none outside none; background-color:#fff;}
.layout_1220_1f8s_1111C ul li:first-child { 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:none; 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 .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: 29px; overflow:hidden; font:bold 14px "微軟正黑體","Microsoft JhengHei",Helvetica; line-height:8vw; color: #fff;width:85%;background-color:#5f5f5f; text-align: center; border-radius: 50px; height:29px;}


.layout_1220_1f8s_1111C ul li .PD a h4 {  margin:0; padding:0 2vw;height:6vw; overflow:hidden; font:14px "微軟正黑體","Microsoft JhengHei",Helvetica; line-height:5.5vw; color:#000}
.layout_1220_1f8s_1111C ul li .PD a h4 b { display:none;}
.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:3.5vw; padding-right:5px;font-family: Century Gothic; color:#5e5e5e;}
.layout_1220_1f8s_1111C ul li .PD a p b { font-size:4vw; letter-spacing:-1px;}
.layout_1220_1f8s_1111C ul li .PD a p .money { font-weight: bold; font-size::4vw; 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:4vw; 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: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_rwd_1f4s_01 **/
.layout_rwd_1f4s_01  { height:940px; position:relative; margin:20px auto; background:url(area1_title.png) no-repeat center top;} 
/*.layout_rwd_1f4s_01:nth-of-type(3n+1) h2 { position:relative; top:0px; margin:0px; padding:36px 0 0 0; width:100%; height:88px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:-3px; overflow:hidden;background: url(pc_ly_bg_01.png) no-repeat scroll  center top;}
.layout_rwd_1f4s_01:nth-of-type(3n+2) h2 { position:relative; top:0px; margin:0px; padding:36px 0 0 0; width:100%; height:88px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:-3px; overflow:hidden;background: url(pc_ly_bg_02.png) no-repeat scroll  center top;}
.layout_rwd_1f4s_01:nth-of-type(3n+3) h2 { position:relative; top:0px; margin:0px; padding:36px 0 0 0; width:100%; height:88px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:-3px; overflow:hidden;background: url(pc_ly_bg_03.png) no-repeat scroll  center top;}

@media screen and (max-width:767px){
	.layout_rwd_1f4s_01:nth-of-type(3n+1) h2  {position:relative; top:5px; margin:0px; padding:0 0 0 0; width:100%; height:70px; font: 28px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:-3px; overflow:hidden;background:#fce9db;}
	.layout_rwd_1f4s_01:nth-of-type(3n+2) h2  {position:relative; top:5px; margin:0px; padding:0 0 0 0; width:100%; height:70px; font: 28px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:-3px; overflow:hidden;background:#fce9db;}
	.layout_rwd_1f4s_01:nth-of-type(3n+3) h2  {position:relative; top:5px; margin:0px; padding:0 0 0 0; width:100%; height:70px; font: 28px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:-3px; overflow:hidden;background:#fce9db;}
	
	}*/
.layout_rwd_1f4s_01 h2 { display:none;}
.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: 210px 0 0 0;padding: 0px 0px 0px 41px;}
.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; 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-image: repeating-linear-gradient(90deg, #e2ba76 -1%, #9e763c 101%);}
.layout_rwd_1f4s_01 ul li a h4 { margin:5px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f4s_01 ul li:hover{ -webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.layout_rwd_1f4s_01 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f4s_01 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f4s_01 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f4s_01 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f4s_01 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f4s_01 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f4s_01 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

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


	@media screen and ( max-width:736px) {
		.layout_rwd_1f4s_01{ width:100%; height:auto; overflow:auto; margin-bottom:-10px; padding-top:26vw; background-size:90%;}
		.layout_rwd_1f4s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f4s_01 h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f4s_01 h2 img { width:100%; height:auto;}
		.layout_rwd_1f4s_01 ul {margin:5vw 0 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:20px; 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:940px; position:relative; margin:20px auto; background:url(area1_title.png) no-repeat center top;} 
.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: 210px 0 0 0;padding: 0px 0px 0px 41px;}
.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; 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-image: repeating-linear-gradient(90deg, #e2ba76 -1%, #9e763c 101%);}
.layout_rwd_1f4s_02 ul li a h4 { margin:5px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f4s_02 ul li:hover{ -webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.layout_rwd_1f4s_02 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f4s_02 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f4s_02 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f4s_02 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f4s_02 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f4s_02 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f4s_02 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

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


	@media screen and ( max-width:736px) {
		.layout_rwd_1f4s_02{ width:100%; height:auto; overflow:auto; margin-bottom:-10px; padding-top:20vw; background-size:90%;}
		.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:5vw 0 0; padding:0 0 0 2%;}
		.Area_step:nth-child(even) .layout_rwd_1f4s_02 ul {background-color: #e2e9ef; }
		.Area_step:nth-child(odd)  .layout_rwd_1f4s_02 ul {background-color: #fff9e1; }
		.layout_rwd_1f4s_02 ul li { margin:0 2% 2% 0; border:0; width:48%; height: auto; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_02 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f4s_02 ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 24px; overflow:hidden; font-weight:normal; font-size:14px; line-height:24px; text-align:center;  color:#fff;}
		.layout_rwd_1f4s_02 ul li a h3:after { content:""; z-index:0; position:absolute; top:0; left:0; width: 100%;  height: 100%; background-color:rgba(0,0,0,0);}
		.layout_rwd_1f4s_02 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f4s_02 ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height: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_1f6s_01 **/
.layout_rwd_1f6s_01  { position:relative; margin-bottom:40px; height:705px;} 
.layout_rwd_1f6s_01 { background:url(rwd_1f6s_bg_01.jpg) top no-repeat;} 
.Area_box { background-image:url(rwd_1f6s_bg_02.jpg) !important; background-position: center top; background-repeat: no-repeat; }
.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:0px; padding:20px 0px 0px 92px;}
.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 ul li:first-child {width:423px;height:732px;border:none;background:none;}
@media screen and ( max-width:767px) {
	.layout_rwd_1f6s_01 ul li:first-child {display: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 a { display:block; width:419px; height:639px;}
.layout_rwd_1f6s_01 ul li a {text-decoration:none;}
.layout_rwd_1f6s_01 ul li a img { display:block; margin:0px; padding:6px; 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:#807b7b;}
.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:100%; height:auto; overflow:auto; margin-bottom:5vw; margin-top:0px; background: none !important; background-color:#e7e8e9 !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 0 0 2%;}
		.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 { margin-left: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 10px; height:20px; overflow:hidden; font: 12px "微軟正黑體","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/32px 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) top no-repeat;} 
.Area_box { background-image:url(rwd_1f6s_bg_02.jpg) !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;}*/

	}


/** 公版模組layout_640_2x2_7b_B02_S_S **/
.layout_640_2x2_7b_B02_S {z-index: 10; height: 602px;width:50%;position:relative;float: left; margin-top:18px;border-radius: 18px;}
	@media screen and ( max-width:736px) {
		.layout_640_2x2_7b_B02_S {height:auto;width:100%;float:none; margin:4vw auto 4%;}
		.layout_640_2x2_7b_B02_S ul { padding:2% 2% 2% 2%;}
		.layout_640_2x2_7b_B02_S 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_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:20px;  color: #000;}
		.layout_640_2x2_7b_B02_S ul li a p .Price { font-size:24px; font-family: Century Gothic; letter-spacing:-1px; }
		.layout_640_2x2_7b_B02_S ul li { float: left; position:relative; display: inline-block; margin:0 1% 4% 1%; padding:0; width:49%; height:auto; border: 0px; background-color:#FFF;}

	}
	@media screen and ( min-width:736px) {
		.layout_640_2x2_7b_B02_S ul { padding:0% 1% 2% 2%;  margin-top:0; }
		.layout_640_2x2_7b_B02_S ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 28px; overflow:hidden; font-weight:normal; font-size:18px; line-height:28px; 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:16px; 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 { float: left; position:relative; display: inline-block; margin:0 0 1% 1%; padding:0; width:49%; height:auto; border: 0px; background-color:#FFF;}

	}
	
.layout_640_2x2_7b_B02_S ul { overflow:hidden; display: block; margin:0 auto; width:100%; }
.layout_640_2x2_7b_B02_S:nth-of-type(2n+1) ul {background-color:#9a8558;}
.layout_640_2x2_7b_B02_S:nth-of-type(2n+2) ul {background-color: #c74a4a;} 
.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:#000;}
.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 0 5% 0; padding:0 5%; height:28px; 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;}


/**02加價購+週期購 **/
.layout_banner img {   width: 100%;}
.layout_640_2x2_7b_B02_S2 {width:1220px; padding:180px 0 0; margin:40px auto; position:relative;height:610px; background:url(area5_title.png) center top no-repeat;}
	@media screen and ( min-width:736px) {
		.layout_640_2x2_7b_B02_S2 ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 28px; overflow:hidden; font-weight:normal; font-size:18px; line-height:28px; text-align:center;  color:#fff;}
		.layout_640_2x2_7b_B02_S2 ul li a h4 { position: relative; margin:0px; padding:0 5%; width: 100%; height: 22px; overflow:hidden; font-weight:normal; font-size:16px; line-height:20px;  color: #000;}
		.layout_640_2x2_7b_B02_S2 ul li a p .Price { font-size:30px; font-family: Century Gothic; letter-spacing:-1px; }
		.layout_640_2x2_7b_B02_S2 ul li { transition-duration: 0.2s;   margin: 0px auto 0 auto;   padding: 0;   text-align: center;   width: 100%;   height: 400px; background:#fff;  border-radius:12px;}

	}
.layout_640_2x2_7b_B02_S2 ul {  margin: 0 auto 0 !important;  padding: 0;  text-align: center; }
.layout_640_2x2_7b_B02_S2 ul li a { display: inline-block; margin:0; padding:0; width:100%; height:auto; text-decoration:none; }
.layout_640_2x2_7b_B02_S2 ul li a .imgArea {    padding: 6px; }
.layout_640_2x2_7b_B02_S2 ul li a .imgArea img { margin:0; padding:0; width:100%; height:auto;}
.layout_640_2x2_7b_B02_S2 ul li a h3:after { content:""; z-index:0; position:absolute; top:0; left:0; width: 100%;  height: 100%; background-color:#3aa7d4;}
.layout_640_2x2_7b_B02_S2 ul li a h3 span { z-index:1; position:relative;}
.layout_640_2x2_7b_B02_S2 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_S2 ul li a h4 br { display:none;}
.layout_640_2x2_7b_B02_S2 ul li a p { margin:0 0 5% 0; padding:0 5%; height:28px; overflow:hidden; line-height:28px; color:#d92670;}
.layout_640_2x2_7b_B02_S2 ul li a p del { padding-right:2px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
.layout_640_2x2_7b_B02_S2 ul li a p b { font-size:13px; letter-spacing:-1px;}
.layout_640_2x2_7b_B02_S2 ul li a p .money { font-size:14px; font-weight:bold; font-family: Century Gothic; }
.layout_640_2x2_7b_B02_S2 ul li a p small { }
.layout_640_2x2_7b_B02_S2 ul li a .BUY { display:none;}
	@media screen and ( max-width:736px) {
		.layout_banner img {   width: 100%;}
		.layout_640_2x2_7b_B02_S2 { width:100%;float:none; height:auto; padding:25vw 0 11vw; margin:0; background-size:90% !important;}
		.layout_640_2x2_7b_B02_S2 ul { height:50%; }
		.layout_640_2x2_7b_B02_S2 ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 24px; overflow:hidden; font-weight:bold; font-size:14px; line-height:24px; text-align:center;  color:#fff;}
		.layout_640_2x2_7b_B02_S2 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:20px;  color: #000;}
		.layout_640_2x2_7b_B02_S2 ul li a p .Price { font-size:24px; font-family: Century Gothic; letter-spacing:-1px; }
		.layout_640_2x2_7b_B02_S2 ul li { float: left; position:relative; display: inline-block; margin:0 auto; padding:0; width:49%; height:auto; border: 0px; background-color:#FFF;}

	}	



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