@charset "UTF-8";
@media screen and (min-width:601px) { /*桌面*/
 
#WR20251208132314 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:5% 2% 5% 2%;
margin:0;
list-style-type: none;
 
}
#WR20251208132314_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:rgba(113,113,113,1.00);
overflow-y: hidden;
height:50px;
}    
    
#WR20251208132314 li {
width:19%;
margin:3%;
padding:0%;
text-align: center;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
border-radius: 5px;
font-size:13pt;
color:rgba(113,113,113,1.00);}
#WR20251208132314 li:hover {
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20251208132314 li a {
text-decoration: none; /* 移除底線 */
color: inherit; /* 讓文字顏色繼承周圍文字的顏色 */
display: flex;
flex-direction: column;
}
#WR20251208132314 li a .Wimg {
width:100%;
height:250px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}    
.SUBWR20251208132314{
color:rgba(113,113,113,1.00);
height:50px;
overflow-y: hidden;
font-size: 13pt;
}    
.DESCWR20251208132314{
color:rgba(113,113,113,1.00);
height:100px;
overflow-y: hidden;    
}    
.DTWR20251208132314{
color:rgba(113,113,113,1.00);      
}    
.WSPRICEWR20251208132314 {
border: 0px solid hsla(0,0%,0%,1.00);
display: table;
color:hsla(0,0%,26%,1.00);
padding: 10px 0 10px 0;
text-decoration: line-through;}	
.WPRICEWR20251208132314 {
font-size: 20px;
border: 0px solid hsla(0,0%,0%,1.00);
display: table;
background-color: rgba(160,216,239,1.00);
color: hsla(0,0%,100%,1.00);
padding: 15px 0 15px 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom:0px;
font-size:14pt;}	
   
 
}
@media screen and (max-width:600px) { /*行動裝置*/
 
#WR20251208132314 {
display: flex;
flex-wrap: wrap;
padding:10% 0 10% 0;
margin:0;
list-style-type: none;
 
}
#WR20251208132314_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:rgba(113,113,113,1.00);
overflow-y: hidden;
height:50px;
}    
   
#WR20251208132314 li {
width:74%;
margin:13%;
padding:0%;
text-align: center;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
border-radius: 5px;
font-size:13pt;
color:rgba(113,113,113,1.00);}
#WR20251208132314 li a {
text-decoration: none; /* 移除底線 */
color: inherit; /* 讓文字顏色繼承周圍文字的顏色 */
display: flex;
flex-direction: column;
}
#WR20251208132314 li a .Wimg {
width:100%;
height:250px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}    
.SUBWR20251208132314{
color:rgba(113,113,113,1.00);
height:50px;
overflow-y: hidden;
font-size:13pt;
}    
.DESCWR20251208132314{
color:rgba(113,113,113,1.00);
height:100px;
overflow-y: hidden;    
}   
.DTWR20251208132314{
color:rgba(113,113,113,1.00);      
}    
.WSPRICEWR20251208132314 {
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;}	
.WPRICEWR20251208132314 {
border: 0px solid hsla(0,0%,0%,1.00);
display: table;
background-color: rgba(160,216,239,1.00);
color: hsla(0,0%,100%,1.00);
padding: 15px 0 15px 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom:0px;
font-size:14pt;}	
	
     
}
