@charset "big5";
/* CSS Document */


/** style4in1 紅方框四個一排 **/
.style4in1  { position:relative; margin: 0px 0px 0px 0px;height: 400px;} 
.style4in1 h2 { display:none;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(../images/) no-repeat scroll  center top;}
.style4in1.allin:nth-child(odd) { background:url(../images/) ;height: 957px;} 
.style4in1.allin:nth-child(even) { background:url(../images/) ;height: 957px;}
.style4in1.allin ul {padding: 0px 0px 0px 0px;margin: 110px 0px 0px 15px;}
.style4in1.allin ul:nth-child(odd) h3 {background-color:#2c1f65;}
.style4in1.allin ul:nth-child(even) h3 {background-color:#b32100;}

@media screen and (max-width:767px){
.style4in1  { position:relative; margin: -1% auto;height: auto;} 
.style4in1 h2  {position:relative; top:0px; margin:0px; padding:16vw 0 0 0; width:100%; height:22vw; font: 28px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:0px; overflow:hidden;background:#fce9db;}
.style4in1.allin:nth-child(odd) {height:unset;}
.style4in1.allin:nth-child(even) {height:unset;}
.style4in1.allin h2 {display:block;}
/**.style4in1.allin:nth-child(odd) h2 { background:url(../images/)center top no-repeat;background-size:100%;} 
.style4in1.allin:nth-child(even) h2 { background:url(../images/)center top no-repeat;background-size:100%;}**/
.style4in1.allin ul {padding: 2% 0px 2% 2%;margin: 0 0 0 0;}
.style4in1.allin:nth-child(odd) ul {background-color: #132065;}
.style4in1.allin:nth-child(even) ul {background-color: #89241c;}

	}
.style4in1 h2 {}
.style4in1 h2 a { display: block; text-decoration:none;}
.style4in1 h2 img { width:714px; height:357px;}
.style4in1 ul { display:inline-block; padding: 0px 0px 0px 22px;margin: 95px 0px 0px -5px;width: 1220px;}
.style4in1 ul li { float:left; display:inline-block; position:relative; margin: 16px 8px;padding:0px 0px 10px 0px; width:23%; height:auto; 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;}

.style4in1 ul li a {text-decoration:none;width:100%;}
.style4in1 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);}
.style4in1 ul li a img { display:block; margin:0 auto; padding:12px; width:240px; height:240px;}
.style4in1 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d70000;}
.style4in1 .oldprice { padding-right:5px; font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
.style4in1 span.nt  {font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
.style4in1 span.hot {  position: relative;margin:0 0px; width: 100%; padding:0 10px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#3c4058;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style4in1 span.txt {margin:9px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style4in1 span.Price { font:  bold 28px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
.style4in1 span.money { font: bold 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }


@media screen and ( max-width:736px) {
.style4in1{ width:100%; height:auto; overflow:auto; margin-bottom:-14px; background-image: none !important; }
.style4in1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
.style4in1 h2 { float:left; margin:0 2% 0 0}
.style4in1 h2 img { width:100%; height:auto;}
.style4in1 ul {margin: 0; padding:2% 0 0 2%;width: 100%;background-color: #19176a;}		
.zone_step:nth-child(even) .style4in1 ul {background-color: #e2e9ef; }
.zone_step:nth-child(odd)  .style4in1 ul {background-color: #fff9e1; }
.style4in1 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);}
.style4in1 ul li a img { padding:0; width:100%; height:auto;}


.style4in1 ul li a {text-decoration:none;width:100%;}
.style4in1 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);}
.style4in1 ul li a img { display:block; margin:0 auto; padding:12px;}
.style4in1 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d70000;}
.style4in1 .oldprice { padding-right:5px; font: 11px/28px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
.style4in1 span.nt  {font: bold 12px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
.style4in1 span.hot {  position: relative;margin:0 0px; width: 100%; padding:0 10px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#3c4058;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style4in1 span.txt {margin:5px 0px -3px 0px; padding:0 10px; height:22px; overflow:hidden; font: 1rem "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.style4in1 span.Price { font:  bold 24px/32px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
.style4in1 span.money { font: bold 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }



		
		/*
		.style4in1:nth-child(2n+0) ul li:last-child { display:none;}
		.style4in1:nth-child(2n+1) ul li:last-child { display:none;}*/

	}
	
	



/** style4in1-2 藍圓角四個一排 **/
.style4in1-2  { position:relative; margin-bottom:20px;} 
.style4in1-2:nth-child(odd) {width:1415px;height:1150px;margin:0 0 0 -111px;background:url(../images/)center top no-repeat;background-size:100%;}
.style4in1-2:nth-child(even)  {width:1415px;height:1150px;margin:0 0 0 -111px;background:url(../images/)center top no-repeat;background-size:100%;}
.style4in1-2 h2 { position:relative; top:0px; margin:0px; padding:0px 0 0 0; width:100%; height:88px; font: 45px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#fff; letter-spacing:-3px; overflow:hidden;}
.style4in1-2 h2 { padding: 8px 0 0 0;}
@media screen and (max-width:767px){
	.style4in1-2:nth-child(odd) {width:100%;height:100%;margin:-4px auto;background: #c2190c;}
	.style4in1-2:nth-child(even)  {width:100%;height:100%;margin:-4px auto;background: #1d128e;}
	.style4in1-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;}
	.style4in1-2:nth-child(odd) h2 {background:url(../images/)center top no-repeat;background-size:100%;}
	.style4in1-2:nth-child(even) h2 {background:url(../images/)center top no-repeat;background-size:100%;}
	
	}
.style4in1-2 h2 a { display: block; text-decoration:none;}
.style4in1-2 ul { display:inline-block; margin:0px; padding:242px 0px 0px 138px;}
.style4in1-2 ul li { float:left; display:inline-block; position:relative; margin:0px 5px 5px 5px; padding:0px 0px 10px 0px; width: 22%; height:auto; 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;}
.style4in1-2 ul li a {text-decoration:none;}
.style4in1-2 ul li a img { display:block; margin:0 12px; padding: 12px; width:240px; height:240px;}


.style4in1-2:nth-child(odd) ul li a h3 { position: relative; margin:0 10px; padding:0 10px; border-radius:15px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#c1190c;}
.style4in1-2:nth-child(even) ul li a h3 { position: relative; margin:0 10px; padding:0 10px; border-radius:15px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#1d128e;}

.style4in1-2 ul li a h4 { margin:9px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.style4in1-2 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);}
.style4in1-2 ul li:hover a h4 {color:#d70000;}


.style4in1-2 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d70000;}
.style4in1-2  .oldprice { padding-right:5px; font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
.style4in1-2  span.nt  {font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
.style4in1-2  span.hot {  position: relative;margin:0 0px; width: 100%; border-radius:24px; padding:0 10px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#0554c0;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style4in1-2  span.txt {margin:9px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style4in1-2 span.Price { font:  bold 28px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
.style4in1-2  span.money { font: bold 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }






	@media screen and ( max-width:736px) {
		.style4in1-2{ width:100%; height:auto; overflow:auto; margin-bottom:0px;margin-top: -2vw; background-image: none !important;    background: #a5030e; }
		.style4in1-2 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.style4in1-2 h2 { float:left; margin:0 0 0 0;background-image:url(../images/) ;background-size:100%;background-repeat-y: no-repeat;    line-height: 5px;    height: 100%;margin: 0 0 0px 0;color: #fff;padding: 27px 0 11vw 0;}
		.style4in1-2 h2 img { width:100%; height:auto;}
		.style4in1-2 ul { padding:21vw 0 0 2%; }
		.style4in1-2 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);}
		.style4in1-2 ul li a img { padding:0; width:100%; height:auto; margin:0 3px; padding: 12px;}
		.style4in1-2 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d70000;}
		.style4in1-2  .oldprice { padding-right:5px; font: 11px/28px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
        .style4in1-2  span.nt  {font: bold 12px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
        .style4in1-2  span.hot {  position: relative;margin:0 0px; width: 100%; border-radius:24px; padding:0 10px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#0554c0;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
        .style4in1-2  span.txt {margin:5px 0px -3px 0px; padding:0 10px; height:22px; overflow:hidden; font: 1rem "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
        .style4in1-2 span.Price { font:  bold 24px/32px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
        .style4in1-2  span.money { font: bold 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }

	
	
		

	}	
	
	
	



/** style5in1-1  紅圓角五個一排 **/
.style5in1-1  { position:relative; margin: 0px 0px 0px 0px;height: 400px;} 
.style5in1-1 h2 { display:none;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(../images/) no-repeat scroll  center top;}
/**.style5in1-1.allin:nth-child(odd) { background:url(../images/) ;height: 957px;} 
.style5in1-1.allin:nth-child(even) { background:url(../images/) ;height: 957px;}**/
.style5in1-1.allin ul {padding: 0px 0px 0px 0px;margin: 110px 0px 0px 15px;}
.style5in1-1.allin ul:nth-child(odd)  {background-color:#2c1f65;}
.style5in1-1.allin ul:nth-child(even) {background-color:#b32100;}

@media screen and (max-width:767px){
.style5in1-1  { position:relative; margin: -1% auto;height: auto;} 
.style5in1-1 h2  {position:relative; top:0px; margin:0px; padding:16vw 0 0 0; width:100%; height:22vw; font: 28px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:0px; overflow:hidden;background:#fce9db;}
.style5in1-1.allin:nth-child(odd) {height:unset;}
.style5in1-1.allin:nth-child(even) {height:unset;}
.style5in1-1.allin h2 {display:block;}
.style5in1-1.allin:nth-child(odd) h2 { background:url(../images/)center top no-repeat;background-size:100%;} 
.style5in1-1.allin:nth-child(even) h2 { background:url(../images/)center top no-repeat;background-size:100%;}
.style5in1-1.allin ul {padding: 2% 0px 2% 2%;margin: 0 0 0 0;}
.style5in1-1.allin:nth-child(odd) ul {background-color: #132065;}
.style5in1-1.allin:nth-child(even) ul {background-color: #89241c;}

	}
.style5in1-1 h2 {}
.style5in1-1 h2 a { display: block; text-decoration:none;}
.style5in1-1 h2 img { width:714px; height:357px;}
.style5in1-1 ul { display:inline-block; margin:0px; padding:242px 0px 0px 138px;}
.style5in1-1 ul li { float:left; display:inline-block; position:relative; margin:0px 5px 5px 5px; padding:0px 0px 10px 0px; width: 18.7%; height:auto; 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;}
.style5in1-1 ul li a {text-decoration:none;}
.style5in1-1 ul li a img { display:block; margin:0px; padding:0px 0px; width:220px; height:220px;}
.style5in1-1 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d70000;}

.style5in1-1 .oldprice { padding-right:5px; font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
.style5in1-1 span.nt  {font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
.style5in1-1 span.hot {  position: relative;margin:0 0px; width: 100%; border-radius:24px; padding:0 10px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#3c4058;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style5in1-1 span.txt {margin:9px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.style5in1-1 span.Price { font:  bold 28px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
.style5in1-1 span.money { font: bold 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }





	@media screen and ( max-width:736px) {
		.style5in1-1{ width:100%; height:auto; overflow:auto; margin-bottom:0px;margin-top: -2vw; background-image: none !important;    background: #a5030e; }
		.style5in1-1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.style5in1-1 h2 { float:left; margin:0 0 0 0;background-image:url(../images/) ;background-size:100%;background-repeat-y: no-repeat;    line-height: 5px;    height: 100%;margin: 0 0 0px 0;color: #fff;padding: 27px 0 11vw 0;}
		.style5in1-1 h2 img { width:100%; height:auto;}
		.style5in1-1 ul { padding:21vw 0 0 2%; }
		.style5in1-1 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);}
		.style5in1-1 ul li a img { padding:0; width:100%; height:auto;}
		.style5in1-1 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d70000;}
		.style5in1-1  .oldprice { padding-right:5px; font: 11px/28px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
        .style5in1-1  span.nt  {font: bold 12px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
        .style5in1-1  span.hot {  position: relative;margin:0 0px; width: 100%; border-radius:24px; padding:0 10px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#3c4058;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
        .style5in1-1  span.txt {margin:5px 0px -3px 0px; padding:0 10px; height:22px; overflow:hidden; font: 1rem "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
        .style5in1-1 span.Price { font:  bold 24px/32px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
        .style5in1-1  span.money { font: bold 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }

			
		
		
		
	
		

		

	}	
		
	
	

	
/** style6in1  紅框PC六個一排 手機三個一排**/
.style6in1  { position:relative; } 
.style6in1 h2 { display:none;position:relative; top:0px; margin:0px; padding:0px 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(../images/) no-repeat scroll  center top;}
.style6in1.allin:nth-child(odd) { background:url(../images/) ;} 
/** .style6in1.allin:nth-child(even) { background:url(../images/) ;height: 957px;}**/
.style6in1.allin ul {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.style6in1.allin ul:nth-child(odd)  {background-color:#780905;}
.style6in1.allin ul:nth-child(even) {background-color:#780905;}

@media screen and (max-width:767px){
.style6in1  { position:relative; margin: -1% auto;height: auto;} 
.style6in1 h2  {position:relative; top:0px; margin:0px; padding:16vw 0 0 0; width:100%; height:22vw; font: 28px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:0px; overflow:hidden;background:#fce9db;}
.style6in1.allin:nth-child(odd) {height:unset;background-color:#780905 ;}
.style6in1.allin:nth-child(even) {background-color:#780905 ;}
.style6in1.allin h2 {display:block;}
.style6in1.allin:nth-child(odd) h2 { background:url(../images/)center top no-repeat;background-size:100%;} 
.style6in1.allin:nth-child(even) h2 { background:url(../images/)center top no-repeat;background-size:100%;}
.style6in1.allin ul {padding: 2% 0px 0px 3%;margin: 0 0 0 0;}
.style6in1.allin:nth-child(odd) ul {background-color:#780905 ;}
.style6in1.allin:nth-child(even) ul {background-color:#780905 ;}

	}
.style6in1 h2 {}
.style6in1 h2 a { display: block; text-decoration:none;}
.style6in1 h2 img { width:714px; height:357px;}
.style6in1 ul { display:inline-block; margin:0px; padding:242px 0px 0px 138px;}
.style6in1 ul li { float:left; display:inline-block; position:relative; margin:5px 5px 5px 5px; padding:0px 0px 10px 0px; width: 15.8%; height:auto; 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;}
.style6in1 ul li a {text-decoration:none;}
.style6in1 ul li a img { display:block; margin:0px; padding:0px 0px; width:100%; height:auto;}
.style6in1 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d70000;}
.style6in1 .oldprice { padding-right:5px; font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
.style6in1 span.nt  {font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
.style6in1 span.hot {  position: relative;margin:0 0px; width: 100%; padding:0 10px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#3c4058;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style6in1 span.txt {margin:9px 0px; padding:0 10px; height:18px; overflow:hidden; font: 13px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style6in1 span.Price { font:  bold 28px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
.style6in1 span.money { font: bold 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }





	@media screen and ( max-width:736px) {
		.style6in1{ width:100%; height:auto; overflow:auto; margin-bottom:0px;margin-top: -2vw; background-image: none !important;    background: #a5030e; }
		.style6in1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.style6in1 h2 { float:left; margin:0 0 0 0;background-image:url(../images/) ;background-size:100%;background-repeat-y: no-repeat;    line-height: 5px;    height: 100%;margin: 0 0 0px 0;color: #fff;padding: 27px 0 11vw 0;}
		.style6in1 h2 img { width:100%; height:auto;}
		.style6in1 ul { padding:21vw 0 0 2%; }
		.style6in1 ul li { margin:0 2% 2% 0; border:0; width:31%; 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);}
		.style6in1 ul li a img { padding:0; width:100%; height:auto;}	
		.style6in1 ul li a p { margin:0px; padding:0 10px; height: 20px;text-align: center; color:#d70000;}
		.style6in1 .oldprice { padding-right:5px; font: 11px/28px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
        .style6in1 span.nt  {font: bold 10px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
        .style6in1 span.hot {position: relative; width:100%; height: 25px; overflow:hidden; font-weight:normal; font-size:10px; line-height:13px; text-align:center;  color:#fff;font: bold 13px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;background:#3c4058;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
        .style6in1 span.txt {margin:5px 0px -3px 0px; padding:0 10px; height:39px; overflow:hidden; font: 1rem "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
        .style6in1 span.Price { font:  bold 14px/32px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
        .style6in1 span.money { font: bold 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }		
		.style6in1 ul li a p del { padding-right:5px; font: 11px/28px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;}
		.style6in1 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.style6in1 ul li a p .money { font: bold 10px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; }
		.style6in1 ul li a p .Price { font: 15px/32px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; }
		.style6in1 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.style6in1:nth-child(odd) ul li a h3 { position: relative; margin:0 0px; padding:0 10px;  height: 20px;font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#c1190c;}
        .style6in1:nth-child(even) ul li a h3 { position: relative; margin:0 0px; padding:0 10px; height: 20px;font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#1d128e;}

		

		

	}	
		
	
	
	

	
	
	
	
/** style5in1  紅框PC5個一排 手機2個一排**/
.style5in1  { position:relative; } 
.style5in1 h2 { display:none;position:relative; top:0px; margin:0px; padding:0px 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(../images/) no-repeat scroll  center top;}
.style5in1.allin:nth-child(odd) { background:url(../images/) ;} 
/** .style5in1.allin:nth-child(even) { background:url(../images/) ;height: 957px;}**/
.style5in1.allin ul {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.style5in1.allin ul:nth-child(odd)  {background-color:#780905;}
.style5in1.allin ul:nth-child(even) {background-color:#780905;}

@media screen and (max-width:767px){
.style5in1  { position:relative; margin: -1% auto;height: auto;} 
.style5in1 h2  {position:relative; top:0px; margin:0px; padding:16vw 0 0 0; width:100%; height:22vw; font: 28px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:0px; overflow:hidden;background:#fce9db;}
.style5in1.allin:nth-child(odd) {height:unset;background-color:#780905 ;}
.style5in1.allin:nth-child(even) {background-color:#780905 ;}
.style5in1.allin h2 {display:block;}
.style5in1.allin:nth-child(odd) h2 { background:url(../images/)center top no-repeat;background-size:100%;} 
.style5in1.allin:nth-child(even) h2 { background:url(../images/)center top no-repeat;background-size:100%;}
.style5in1.allin ul {padding: 2% 0px 0px 3%;margin: 0 0 0 0;}
.style5in1.allin:nth-child(odd) ul {background-color:#780905 ;}
.style5in1.allin:nth-child(even) ul {background-color:#780905 ;}

	}
.style5in1 h2 {}
.style5in1 h2 a { display: block; text-decoration:none;}
.style5in1 h2 img { width:714px; height:357px;}
.style5in1 ul { display:inline-block; margin:0px; padding:242px 0px 0px 138px;}
.style5in1 ul li { float:left; display:inline-block; position:relative; margin:5px 5px 5px 5px; padding:0px 0px 0px 0px; width: 19.1%; height:auto; 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;}
.style5in1 ul li a {text-decoration:none;}
.style5in1 ul li a img { display:block; margin:0px; padding:0px 0px; width:100%; height:auto;}
.style5in1 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d70000;}
.style5in1 .oldprice { padding-right:5px; font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
.style5in1 span.nt  {font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
.style5in1 span.hot {  position: relative;margin:0 0px; width: 100%; padding:0 10px; height: 25px;font: bold 15px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#3c4058;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style5in1 span.txt {margin:9px 0px; padding:0 10px; height:18px; overflow:hidden; font: 13px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.style5in1 span.Price { font:  bold 28px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
.style5in1 span.money { font: bold 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }





	@media screen and ( max-width:736px) {
		.style5in1{ width:100%; height:auto; overflow:auto; margin-bottom:0px;margin-top: -2vw; background-image: none !important;    background: #a5030e; }
		.style5in1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.style5in1 h2 { float:left; margin:0 0 0 0;background-image:url(../images/) ;background-size:100%;background-repeat-y: no-repeat;    line-height: 5px;    height: 100%;margin: 0 0 0px 0;color: #fff;padding: 27px 0 11vw 0;}
		.style5in1 h2 img { width:100%; height:auto;}
		.style5in1 ul { padding:21vw 0 0 2%; }
		.style5in1 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); }
		.style5in1 ul li a img { padding:0; width:55%; height:auto; float:left; }	
		.style5in1 ul li a p { margin:0px; padding:0 10px; height: 20px;text-align: center; color:#d70000;}
		.style5in1 .oldprice { padding-right:5px; font: 11px/28px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;text-decoration: line-through;}
        .style5in1 span.nt  {font: bold 10px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; color:#d70000; }
        .style5in1 span.hot {position: relative; width:100%; height: 25px; overflow:hidden; font-weight:normal; font-size:10px; line-height:13px; text-align:center;  color:#fff;font: bold 13px/25px "微軟正黑體","Microsoft JhengHei",Helvetica;background:#3c4058;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
        .style5in1 span.txt {padding:0 10px; overflow:hidden;font-size: 1rem; text-align: center;color:#000;display: -webkit-box;  text-overflow: initial; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
        .style5in1 span.Price { font:  bold 14px/32px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;  color:#d70000; }
        .style5in1 span.money { font: bold 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d70000; }		
		.style5in1 ul li a p del { padding-right:5px; font: 11px/28px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#5e5e5e;}
		.style5in1 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.style5in1 ul li a p .money { font: bold 10px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; }
		.style5in1 ul li a p .Price { font: 15px/32px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px; }
		.style5in1 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.style5in1:nth-child(odd) ul li a h3 { position: relative; margin:0 0px; padding:0 10px;  height: 20px;font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#c1190c;}
        .style5in1:nth-child(even) ul li a h3 { position: relative; margin:0 0px; padding:0 10px; height: 20px;font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#1d128e;}

		

		

	}