@charset "UTF-8";
@media screen and (min-width:601px) { /*桌面*/
 
#WR20250414135720 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:1% 15% 2% 15%;
margin:0;
list-style-type: none;
 
}
#WR20250414135720_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250414135720 #RI20250414135930 {
position: relative;
width:98%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
font-weight: 300;
font-size: 24px;}
#WR20250414135720 #RI20250414135930 img{
width:100%;
height:auto;
}
#WR20250414135720 #RI20250414140547 {
position: relative;
width:58%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250414135720 #RI20250414140547 img{
width:100%;
height:auto;
}
#WR20250414135720 #RI20250414141950 {
position: relative;
width:38%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250414135720 #RI20250414141950 img{
width:100%;
height:auto;
}
		
   
 
#WR20250414144026 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:1% 15% 3% 15%;
margin:0;
list-style-type: none;
 
 
background-color: hsla(0,0%,20%,1.00);
}
#WR20250414144026_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#ffffff;
overflow-y: hidden;
height:50px;
}    
#WR20250414144026 #RI20250414144143 {
position: relative;
width:96%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250414144026 #RI20250414144143 img{
width:100%;
height:auto;
}
#WR20250414144026 #RI20250414145316 {
position: relative;
width:38%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250414144026 #RI20250414145316 img{
width:100%;
height:auto;
}
#WR20250414144026 #RI20250414145153 {
position: relative;
width:58%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250414144026 #RI20250414145153 img{
width:100%;
height:auto;
}
		
   
 
}
@media screen and (max-width:600px) { /*行動裝置*/
 
#WR20250414135720 {
display: flex;
flex-wrap: wrap;
padding:0 5% 5% 5%;
margin:0;
list-style-type: none;
 
}
#WR20250414135720_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250414135720 #RI20250414135930 {
width:100%;
margin:0%;
padding:0%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
font-weight: lighter;
font-size: 24px;}
	
#WR20250414135720 #RI20250414135930 img{
width:100%;
height:auto;
}
#WR20250414135720 #RI20250414140547 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250414135720 #RI20250414140547 img{
width:100%;
height:auto;
}
#WR20250414135720 #RI20250414141950 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250414135720 #RI20250414141950 img{
width:100%;
height:auto;
}
	
	
	
 
#WR20250414144026 {
display: flex;
flex-wrap: wrap;
padding:5% 5% 5% 5%;
margin:0;
list-style-type: none;
 
 
background-color: hsla(0,0%,20%,1.00);
}
#WR20250414144026_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#ffffff;
overflow-y: hidden;
height:50px;
}    
#WR20250414144026 #RI20250414144143 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250414144026 #RI20250414144143 img{
width:100%;
height:auto;
}
#WR20250414144026 #RI20250414145316 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
order:2;}
	
#WR20250414144026 #RI20250414145316 img{
width:100%;
height:auto;
}
#WR20250414144026 #RI20250414145153 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
order:1;
color:#fff;
}
	
#WR20250414144026 #RI20250414145153 img{
width:100%;
height:auto;
}
	
	
	
     
}