@charset "UTF-8";
@media screen and (min-width:601px) { /*桌面*/
 
#WR20241110073225 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:5% 10% 0% 10%;
margin:0;
list-style-type: none;
 
}
#WR20241110073225_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
    
#WR20241110073225 li {
width:23%;
margin:1%;
padding:1%;
text-align: center;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.30);
box-shadow: 0px 0px 5px hsla(0,0%,0%,0.30);
border-radius: 5px;}
#WR20241110073225 li:hover {
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20241110073225 li a {
text-decoration: none; /* 移除底線 */
color: inherit; /* 讓文字顏色繼承周圍文字的顏色 */
display: flex;
flex-direction: column;
}
#WR20241110073225 li a .Wimg {
width:100%;
height:180px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}    
.SUBWR20241110073225{
color:#000000;
height:50px;
overflow-y: hidden;
font-size: 20px;
}    
.DESCWR20241110073225{
color:#000000;
height:120px;
overflow-y: hidden;    
}    
.DTWR20241110073225{
color:#000000;      
}    
.WSPRICEWR20241110073225 {
border: 0px solid hsla(0,0%,0%,1.00);
display: table;
background-color:hsla(0,0%,82%,1.00);
color:hsla(0,0%,26%,1.00);
padding: 10px 0 10px 0;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.25);
box-shadow: 0px 0px 5px hsla(0,0%,0%,0.25);
margin-bottom:15px;
text-decoration: line-through;}	
.WPRICEWR20241110073225 {
font-size: 20px;
border: 0px solid hsla(0,0%,0%,1.00);
display: table;
background-color: hsla(359,49%,50%,1.00);
color: hsla(0,0%,100%,1.00);
padding: 10px 0 10px 0;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.25);
box-shadow: 0px 0px 5px hsla(0,0%,0%,0.25);}	
   
 
#WR20241121142228 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:0 0 3% 0;
margin:0;
list-style-type: none;
 
}
#WR20241121142228_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241121142228 #RI20241121142342 {
position: relative;
width:100%;
margin:0%;
padding:0%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241121142228 #RI20241121142342:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20241121142228 #RI20241121142342 img{
width:100%;
height:auto;
}
		
   
 
#WR20241113142548 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:5% 10% 5% 10%;
margin:0;
list-style-type: none;
 
 
background-color: hsla(185,42%,54%,0.30);
}
#WR20241113142548_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241113142548 #RI20241113144037 {
position: relative;
width:46%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: #fff;
border-radius: 0px;
-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.48);
box-shadow: 0px 0px 5px hsla(0,0%,0%,0.48);
padding-top: 20px;
padding-bottom: 20px;}
#WR20241113142548 #RI20241113144037:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20241113142548 #RI20241113144037 img{
width:100%;
height:auto;
}
#WR20241113142548 #RI20241113143253 {
position: relative;
width:46%;
margin:2%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: #fff;
border-radius: 0px;
-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.48);
box-shadow: 0px 0px 5px hsla(0,0%,0%,0.48);
padding-top: 20px;
padding-bottom: 20px;}
#WR20241113142548 #RI20241113143253:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20241113142548 #RI20241113143253 img{
width:100%;
height:auto;
}
		
   
 
#WR20241113160638 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:1% 10% 1% 10%;
margin:0;
list-style-type: none;
 
}
#WR20241113160638_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241113160638 #RI20241113160743 {
position: relative;
width:48%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241113160638 #RI20241113160743 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113160918 {
position: relative;
width:48%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241113160638 #RI20241113160918 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113161519 {
position: relative;
width:23%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241113160638 #RI20241113161519:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20241113160638 #RI20241113161519 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113161631 {
position: relative;
width:23%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241113160638 #RI20241113161631:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20241113160638 #RI20241113161631 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113161834 {
position: relative;
width:23%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241113160638 #RI20241113161834:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20241113160638 #RI20241113161834 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113161731 {
position: relative;
width:23%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241113160638 #RI20241113161731:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20241113160638 #RI20241113161731 img{
width:100%;
height:auto;
}
		
   
 
#WR20241113213002 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:1% 0 0 0;
margin:0;
list-style-type: none;
 
}
#WR20241113213002_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241113213002 #RI20241113213137 {
position: relative;
width:50%;
margin:0%;
padding:0%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241113213002 #RI20241113213137 img{
width:100%;
height:auto;
}
#WR20241113213002 #RI20241113213537 {
position: relative;
width:50%;
margin:0%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: #272f34;
height:16.35vw;}
#WR20241113213002 #RI20241113213537 img{
width:100%;
height:auto;
}
		
   
 
#WR20241113215511 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:5% 25% 5% 25%;
margin:0;
list-style-type: none;
 
}
#WR20241113215511_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241113215511 #RI20241113215605 {
position: relative;
width:98%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20241113215511 #RI20241113215605 img{
width:100%;
height:auto;
}
		
   
 
}
@media screen and (max-width:600px) { /*行動裝置*/
 
#WR20241110073225 {
display: flex;
flex-wrap: wrap;
padding:1% 1% 0% 1%;
margin:0;
list-style-type: none;
 
}
#WR20241110073225_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
   
#WR20241110073225 li {
width:98%;
margin:10%;
padding:1%;
text-align: center;
background-color: hsla(0,0%,100%,1.00);
-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.30);
box-shadow: 0px 0px 5px hsla(0,0%,0%,0.30);
border-radius: 5px;}
#WR20241110073225 li a {
text-decoration: none; /* 移除底線 */
color: inherit; /* 讓文字顏色繼承周圍文字的顏色 */
display: flex;
flex-direction: column;
}
#WR20241110073225 li a .Wimg {
width:100%;
height:150px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}    
.SUBWR20241110073225{
color:#000000;
height:50px;
overflow-y: hidden; 
}    
.DESCWR20241110073225{
color:#000000;
height:100px;
overflow-y: hidden;    
}   
.DTWR20241110073225{
color:#000000;      
}    
.WSPRICEWR20241110073225 {
border: 0px solid hsla(0,0%,0%,1.00);
display: table;
background-color:hsla(0,0%,82%,1.00);
color:hsla(0,0%,26%,1.00);
padding: 10px 0 10px 0;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.25);
box-shadow: 0px 0px 5px hsla(0,0%,0%,0.25);
margin-bottom:15px;
text-decoration: line-through;}	
.WPRICEWR20241110073225 {
border: 0px solid hsla(0,0%,0%,1.00);
display: table;
background-color: hsla(359,49%,50%,1.00);
color: hsla(0,0%,100%,1.00);
padding: 10px 0 10px 0;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.25);
box-shadow: 0px 0px 5px hsla(0,0%,0%,0.25);}	
	
 
#WR20241121142228 {
display: flex;
flex-wrap: wrap;
padding:0 0 10% 0;
margin:0;
list-style-type: none;
 
}
#WR20241121142228_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241121142228 #RI20241121142342 {
width:100%;
margin:0%;
padding:0%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20241121142228 #RI20241121142342:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20241121142228 #RI20241121142342 img{
width:100%;
height:auto;
}
	
	
	
 
#WR20241113142548 {
display: flex;
flex-wrap: wrap;
padding:10% 10% 10% 10%;
margin:0;
list-style-type: none;
 
 
background-color: hsla(185,42%,54%,0.30);
}
#WR20241113142548_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241113142548 #RI20241113144037 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: #fff;
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20241113142548 #RI20241113144037:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20241113142548 #RI20241113144037 img{
width:100%;
height:auto;
}
#WR20241113142548 #RI20241113143253 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: #fff;
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20241113142548 #RI20241113143253:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20241113142548 #RI20241113143253 img{
width:100%;
height:auto;
}
	
	
	
 
#WR20241113160638 {
display: flex;
flex-wrap: wrap;
padding:10% 10% 10% 10%;
margin:0;
list-style-type: none;
 
}
#WR20241113160638_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241113160638 #RI20241113160743 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20241113160638 #RI20241113160743 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113160918 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20241113160638 #RI20241113160918 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113161519 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20241113160638 #RI20241113161519:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20241113160638 #RI20241113161519 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113161631 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20241113160638 #RI20241113161631:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20241113160638 #RI20241113161631 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113161834 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20241113160638 #RI20241113161834:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20241113160638 #RI20241113161834 img{
width:100%;
height:auto;
}
#WR20241113160638 #RI20241113161731 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20241113160638 #RI20241113161731:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20241113160638 #RI20241113161731 img{
width:100%;
height:auto;
}
	
	
	
 
#WR20241113213002 {
display: flex;
flex-wrap: wrap;
padding:0 0 0 0;
margin:0;
list-style-type: none;
 
}
#WR20241113213002_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241113213002 #RI20241113213137 {
width:100%;
margin:0%;
padding:0%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20241113213002 #RI20241113213137 img{
width:100%;
height:auto;
}
#WR20241113213002 #RI20241113213537 {
width:104%;
margin:0%;
padding:20%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: #272f34;
border:0px solid hsla(0,0%,0%,1.00);
margin-top:-20px;}
	
#WR20241113213002 #RI20241113213537 img{
width:100%;
height:auto;
}
	
	
	
 
#WR20241113215511 {
display: flex;
flex-wrap: wrap;
padding:10% 10% 10% 10%;
margin:0;
list-style-type: none;
 
}
#WR20241113215511_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20241113215511 #RI20241113215605 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20241113215511 #RI20241113215605 img{
width:100%;
height:auto;
}
	
	
	
     
}