@charset "UTF-8";
@media screen and (min-width:601px) { /*桌面*/
 
#WR20250424141014 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:0 15% 0 15%;
margin:0;
list-style-type: none;
 
}
#WR20250424141014_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250424141014 #RI20250424141208 {
position: relative;
width:100%;
margin:0%;
padding:0%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250424141014 #RI20250424141208 img{
width:100%;
height:auto;
}
		
   
 
#WR20250424141506 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:0 15% 5% 15%;
margin:0;
list-style-type: none;
 
}
#WR20250424141506_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250424141506 #RI20250424141742 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
-webkit-box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
border-radius: 5px;}
#WR20250424141506 #RI20250424141742:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250424141506 #RI20250424141742 img{
width:100%;
height:auto;
}
#WR20250424141506 #RI20250424141904 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
-webkit-box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
border-radius: 5px;}
#WR20250424141506 #RI20250424141904:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250424141506 #RI20250424141904 img{
width:100%;
height:auto;
}
#WR20250424141506 #RI20250424142602 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
-webkit-box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
border-radius: 5px;}
#WR20250424141506 #RI20250424142602:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250424141506 #RI20250424142602 img{
width:100%;
height:auto;
}
		
   
 
}
@media screen and (max-width:600px) { /*行動裝置*/
 
#WR20250424141014 {
display: flex;
flex-wrap: wrap;
padding:0 0 0 0;
margin:0;
list-style-type: none;
 
}
#WR20250424141014_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250424141014 #RI20250424141208 {
width:100%;
margin:0%;
padding:0%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250424141014 #RI20250424141208 img{
width:100%;
height:auto;
}
	
	
	
 
#WR20250424141506 {
display: flex;
flex-wrap: wrap;
padding:0 5% 0 5%;
margin:0;
list-style-type: none;
 
}
#WR20250424141506_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250424141506 #RI20250424141742 {
width:95%;
margin:5%;
padding:5%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
-webkit-box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
border-radius: 5px;
margin:5%;}
#WR20250424141506 #RI20250424141742:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250424141506 #RI20250424141742 img{
width:100%;
height:auto;
}
#WR20250424141506 #RI20250424141904 {
width:95%;
margin:5%;
padding:5%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
-webkit-box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
border-radius: 5px;
margin:5%;}
#WR20250424141506 #RI20250424141904:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250424141506 #RI20250424141904 img{
width:100%;
height:auto;
}
#WR20250424141506 #RI20250424142602 {
width:95%;
margin:5%;
padding:5%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
-webkit-box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
box-shadow: 0px 0px 6px hsla(0,0%,0%,0.40);
border-radius: 5px;
margin:5%;}
#WR20250424141506 #RI20250424142602:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250424141506 #RI20250424142602 img{
width:100%;
height:auto;
}
	
	
	
     
}