@charset "UTF-8";
@media screen and (min-width:601px) { /*桌面*/
 
#WR20250602204301 {
border:0px solid hsla(0,0%,0%,1.00);
display: flex;
flex-wrap: wrap;
position: relative;
padding:2% 15% 0 15%;
margin:0;
list-style-type: none;
 
}
#WR20250602204301_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:0px;
}    
#WR20250602204301 #RI20250624142606 {
position: relative;
width:98%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250602204301 #RI20250624142606 img{
width:100%;
height:auto;
}
#WR20250602204301 #RI20250624141857 {
position: relative;
width:28%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250602204301 #RI20250624141857 img{
width:100%;
height:auto;
}
#WR20250602204301 #RI20250602204338 {
position: relative;
width:68%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
}
#WR20250602204301 #RI20250602204338 img{
width:100%;
height:auto;
}
		
   
 
#WR20250718153157 {
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;
 
 
background-color: hsla(243,38%,78%,1.00);
}
#WR20250718153157_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250718153157 #RI20250718153251 {
position: relative;
width:98%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
color:hsla(0,0%,100%,1.00);
text-shadow: 0px 0px 5px hsla(0,0%,0%,0.27);
border-bottom:1px dashed hsla(0,0%,100%,1.00);
margin-bottom:1%;
font-size:48px;}
#WR20250718153157 #RI20250718153251 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718154547 {
position: relative;
width:88%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718154547:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250718153157 #RI20250718154547 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718155447 {
position: relative;
width:88%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718155447:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250718153157 #RI20250718155447 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718155851 {
position: relative;
width:88%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718155851:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250718153157 #RI20250718155851 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718160005 {
position: relative;
width:88%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718160005:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250718153157 #RI20250718160005 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718160208 {
position: relative;
width:88%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718160208:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250718153157 #RI20250718160208 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718160258 {
position: relative;
width:88%;
margin:1%;
padding:1%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718160258:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
#WR20250718153157 #RI20250718160258 img{
width:100%;
height:auto;
}
		
   
 
}
@media screen and (max-width:600px) { /*行動裝置*/
 
#WR20250602204301 {
display: flex;
flex-wrap: wrap;
padding:0% 5% 5% 5%;
margin:0;
list-style-type: none;
 
}
#WR20250602204301_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:0px;
}    
#WR20250602204301 #RI20250624142606 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250602204301 #RI20250624142606 img{
width:100%;
height:auto;
}
#WR20250602204301 #RI20250624141857 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250602204301 #RI20250624141857 img{
width:100%;
height:auto;
}
#WR20250602204301 #RI20250602204338 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
}
	
#WR20250602204301 #RI20250602204338 img{
width:100%;
height:auto;
}
	
	
	
 
#WR20250718153157 {
display: flex;
flex-wrap: wrap;
padding:0% 5% 5% 5%;
margin:0;
list-style-type: none;
 
 
background-color: hsla(243,38%,78%,1.00);
}
#WR20250718153157_h1 {
width:100%;
text-align: center;
font-weight: 300;
color:#000000;
overflow-y: hidden;
height:50px;
}    
#WR20250718153157 #RI20250718153251 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
color:hsla(0,0%,100%,1.00);
text-shadow: 0px 0px 5px hsla(0,0%,0%,0.27);
border-bottom:1px dashed hsla(0,0%,100%,1.00);
margin-bottom:5%;
font-size:40px;}
	
#WR20250718153157 #RI20250718153251 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718154547 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;
margin-top:5%;}
#WR20250718153157 #RI20250718154547:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250718153157 #RI20250718154547 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718155447 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718155447:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250718153157 #RI20250718155447 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718155851 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718155851:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250718153157 #RI20250718155851 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718160005 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718160005:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250718153157 #RI20250718160005 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718160208 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718160208:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250718153157 #RI20250718160208 img{
width:100%;
height:auto;
}
#WR20250718153157 #RI20250718160258 {
width:97%;
margin:3%;
padding:3%;
transition: transform 0.8s ease; /* 添加動畫過渡效果 */
border:0px solid hsla(0,0%,0%,1.00);
background-color: hsla(0,0%,100%,1.00);
border-radius: 8px;
color: hsla(243,21%,44%,1.00);
margin-left: auto;
margin-right: auto;}
#WR20250718153157 #RI20250718160258:hover {/* item滑鼠移過 */
transform: scale(1.08); /* 滑鼠移入時放大1.2倍 */
}
	
#WR20250718153157 #RI20250718160258 img{
width:100%;
height:auto;
}
	
	
	
     
}