body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

		body{
		  font-family: 'Noto Sans TC',sans-serif !important;
		}

			.menu ul li a p{
			  font-family: "思源黑体", 'Noto Sans TC' ,"黑體-繁","微軟正黑體","Helvetica", "Arial","LiHei Pro", sans-serif; /* 按照您的字体顺序设置 */
		}

		a {
			text-decoration: none;
		}	
		
		
.size-option {
  display: inline-block;
  padding: 0px 0px;
  margin: 2px;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  position: relative;
    color: black;
}

.size-label {
  display: inline-block;
  padding: 10px 15px; /* 添加内边距 */
  border-radius: 5px;

}

/* 隐藏radio按钮 */
.hidden-radio {
  display: none;
}

/* 选中尺寸样式 */
.size-option input[type="radio"]:checked + .size-label {
  background-color: lightyellow;
  color: black;
}

/* 选中尺寸的四方框样式 */
.size-option input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: lightyellow;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: -1;
}

.size-option input[type="radio"] {
  display: none;
}			
			
        .icon-container {
            display: flex;
            align-items: center;
        }


        .menulist-icon {
            font-size: 24px;
            margin-left: 10px;
        }

        .search-icon,
        .cart-icon {
            font-size: 24px;
            margin-left: 10px;
        }

        .divider {
            width: 100%;
            height: 1px;
            background-color: gray;
            margin-top: 5px;
			padding-top: 0px;
        }

        .menu {
            text-align: center;
            width: 70%;
            margin: 0 auto;
        }

        .menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: space-around;
        }

        .menu li {
            text-align: center;
            position: relative;
            padding: 5px;
        }

        .menu li a {
            text-decoration: none;
            color: black;
            font-size: 18px;
        }

        .big-image {
            width: 100%;
            max-height: 1180px;
        }
		
		 .menu-button {
                display: none; /* 在大屏幕上不显示菜单按钮 */
            }
        .products-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            padding: 10px; /* 添加一些內邊距以避免內容靠邊 */
        }
        .product-card {
            flex: 45%; /* 調整每個產品卡片的寬度 */
            margin-top: 3px; /* 加入一些間距 */
            padding: 0 2%; /* 左右各添加2%的內邊距 */
            box-sizing: border-box; /* 確保 padding 不影響寬度 */
            overflow: hidden;
        }
        /* 新增 .image-card 以專門控制圖片對齊 */
        .image-card {
            text-align: right; /* 將內容靠右對齊 */
        }
        .product-image {
            width: 90%; /* 設置寬度為90% */
            height: auto; /* 高度自動調整 */
            display: inline-block; /* 保持為行內塊元素 */
        }
        .product-details {
            margin-top: 10px;
        }
 
		  
		  /* 預設只顯示第一個表格 */
        .description {
            display: none;
			
        }
        #description1 {
            display: block;
        }
		table {
		border-collapse: collapse;
		width: 450px;
		}

		table, th, td {
		border: 1px solid black;
		text-align: center;
		}

		/* 移除内部单元格之间的边框线 */
		table tr:not(:first-child) td {
		border-top: none;
		}

		/* 设置第一行的背景颜色和文本颜色 */
		table tr:first-child th {
		background-color: dimgray;
		color: white;
		}

        /* 设置"胸寬"和"衣長"行的背景颜色和文本颜色 */
       table tr:nth-child(2) th,
       table tr:nth-child(3) th,
       table tr:nth-child(4) th,	   
	   table tr:nth-child(5) th{
       background-color: lightgray;
       color: black;
       }
	   
	   /* 将所有表格文本的字体粗细设置为正常 */
		table th, table td {
		font-weight: normal;
		}
		
		.container1 {
            display: flex;
            flex-direction: column;
        }

        .row {
            display: flex;
            align-items: baseline;
        }

        .option {
            margin-right: 10px;
            width: 170px; /* 可以根据需要调整选项的宽度 */
        }

        .description {
            text-align: left;
        }
		.no-border-input {
		border: none; /* 移除邊框 */
		outline: none; /* 移除點擊時的外框 */
		background-color: transparent; /* 背景色設為透明，讓文字顯示在背景上 */
		}
		.caption {
            font-size: 33px;
            margin-top: 15px;
			color: dark;
        }
		.caption1 {
            font-size: 23px;
			font-weight: lighter;
            margin-top: 45px;
			color: darkviolet;
        }
		.quote-button {
            display: inline-flex;
            width: 200px;
            height: 60px;
            border-radius: 50px;
            background-color: purple;
			align-items: center;
			justify-content: center;
			border:0px;
            color: white;
            text-align: center;
            line-height: 100px;
            cursor: pointer;
			font-size: 25px
        }
		.color-option {
            display: inline-block;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin-right: 10px;
			margin-top: 5px;
            border: 2px solid gray; /* 添加黑邊框 */
            cursor: pointer; /* 使游標變成手指狀態，提示可以點擊 */
        }
        #colorSelect {
            display: none; /* 隱藏下拉式選單 */
        }
        .header {
            height: 2.2cm;
            padding: 0 10px;
            display: flex;
            align-items: center;
			position: relative;
			z-index: 2; /* 設置Header的z-index值較高，使其處於圖片上方 */
			overflow: visible;
        }
	
.image-caption {
    margin-top: 10px;
}

/* 響應式設計 */
        @media (max-width: 768px) {
            .products-container {
                flex-direction: column; /* 垂直堆疊 */
                align-items: center; /* 居中對齊 */
            }
            .product-card {
                display: block;
                width: 100%;
                box-sizing: border-box;
            }
            .image-card {
                text-align: center; /* 在小螢幕上將圖片居中 */
            }
            .product-image {
                width: 100%; /* 圖片在小螢幕上佔據全寬 */
            }
            .search-container {
                width: 90%; /* 調整搜尋框寬度以適應小螢幕 */
                margin-left: 0;
                margin-top: 10px;
            }
            .products {
                margin-left: 0; /* 移除左邊距 */
                margin-top: 10px;
            }
            .header {
                flex-direction: column; /* 垂直堆疊頭部元素 */
                height: auto; /* 自動高度 */
                padding: 10px;
            }
            .logo {
                width: 150px; /* 調整LOGO寬度 */
                margin-bottom: 10px;
            }
            .cart-login-icons {
                margin-left: 0; /* 移除左邊距 */
                margin-top: 10px;
            }
        }

/* 小屏幕样式 */
@media screen and (max-width: 767px) {
    .main-navigation {
        overflow-x: scroll; /* 允许水平滚动 */
        white-space: nowrap; /* 防止文本换行 */
    }
    
    .nav-links {
        flex-wrap: nowrap; /* 防止文本换行 */
    }
    
    .nav-links a {
        flex: 0 0 auto;
    }
}
        /* 设置新品推荐的样式 */
        .new-releases {
            text-align: center;
            font-size: 24px;
            padding: 20px 0;
        }

        /* 使用 CSS Grid 布局来排列图片和文字 */


        .image-container img {
            width: 100%;
            height: auto;
        }

        /* 设置图片底部文字样式 */
        .image-caption {
            text-align: center;
        }

.discount-price {
    color: red; /* 设置优惠价文本颜色为红色 */
	font-size: 20px;
  }	


		.footer {
  background-color: #D2B48C; /* 淡褐色背景色 */
  padding: 40px; /* 调整内边距 */

}

/* 调整列表样式 */
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.footer-links li {
  margin: 10px;
}
/* 调整链接样式 */
.footer-links a {
  text-decoration: none;
  color: black; /* 白色文字颜色 */
}

/* 调整版权信息样式 */
.footer p {
  text-align: left;
  color: black; /* 黑色文字颜色 */
  margin-top: 10px; /* 顶部边距 */
  margin-left: 10px; /* 顶部边距 */
}





       @media screen and (max-width: 768px) {
            .header {
                padding: 10px 0;
                flex-direction: row; /* 在小屏幕上，元素在同一行排列 */
                justify-content: space-between;
            }
			

            .menu-button {
                display: block; /* 在小屏幕上显示菜单按钮 */
				font-size: 25px;
            }
            
            .menu.active {
                display: block; /* 显示菜单 */
            }
        }