@charset "UTF-8";
@media screen and (min-width:601px) { /*桌面*/
 
#WR20250428141507 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:3% 15% 5% 15%;
margin:0;
list-style-type: none;
 
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url(../../../009_home_photo/PC20250428142708.png);
 
}
#WR20250428141507_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250428141507 #RI20250428141946 {
position: relative;
width:96%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250428141507 #RI20250428141946 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428141606 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250428141507 #RI20250428141606:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250428141507 #RI20250428141606 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428141630 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250428141507 #RI20250428141630:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250428141507 #RI20250428141630 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428141653 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250428141507 #RI20250428141653:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250428141507 #RI20250428141653 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428143754 {
position: relative;
width:96%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250428141507 #RI20250428143754 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428144253 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250428141507 #RI20250428144253:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250428141507 #RI20250428144253 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428144206 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250428141507 #RI20250428144206:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250428141507 #RI20250428144206 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428144325 {
position: relative;
width:29%;
margin:2%;
padding:2%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250428141507 #RI20250428144325:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250428141507 #RI20250428144325 img{
width:100%;
height:auto;
}
		
   
 
}
@media screen and (max-width:600px) { /*行動裝置*/
 
#WR20250428141507 {
display: flex;
flex-wrap: wrap;
padding:5% 10% 5% 10%;
margin:0;
list-style-type: none;
 
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url(../../../009_home_photo/MOB20250428142708.png);
 
}
#WR20250428141507_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250428141507 #RI20250428141946 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250428141507 #RI20250428141946 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428141606 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20250428141507 #RI20250428141606:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250428141507 #RI20250428141606 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428141630 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20250428141507 #RI20250428141630:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250428141507 #RI20250428141630 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428141653 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20250428141507 #RI20250428141653:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250428141507 #RI20250428141653 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428143754 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250428141507 #RI20250428143754 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428144253 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20250428141507 #RI20250428144253:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250428141507 #RI20250428144253 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428144206 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20250428141507 #RI20250428144206:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250428141507 #RI20250428144206 img{
width:100%;
height:auto;
}
#WR20250428141507 #RI20250428144325 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
#WR20250428141507 #RI20250428144325:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250428141507 #RI20250428144325 img{
width:100%;
height:auto;
}
	
	
	
     
}