.imagebanner {
		width: 100%;
		height: 300px;
		background-size: cover;
		background-position: 20% 51%;
	}

	/* FAQ */
	.faq-div {
		background-color: #F2F5F7;
	}

	.faq-container {
		width: 100%;
		margin: 0 auto;
		background-color: #f2f5f7;
		box-shadow: none;
		overflow: hidden;
		padding: 20px 0;
		border-bottom: 1px solid #e4e4e4;
	}

	.faq-header {
		background-color: transparent;
		color: #09445a;
		padding: 15px 0;
		text-align: center;
		max-width: 1100px;
		margin: 0 auto;

	}

	.faq-header h1 p {
		font-size: 22px;
		font-weight: 600;
		color: #09445a;
		font-family: "Noto Sans HK", Sans-serif;
		font-size: 45px;
		font-weight: 600;
	}

	.faq-categories {
		padding: 0 20px;
		column-count: 1;
		column-gap: 30px;
		max-width: 1100px;
		margin: 0 auto;
	}

	.faq-categories .category {
		break-inside: avoid;
		margin-bottom: 25px;
	}

	.category-title {
		font-size: 18px;
		font-weight: 600;
		color: #09445a;
		margin-bottom: 15px;
		padding-bottom: 8px;
		border-bottom: 1px solid #e0e0e0;
	}

	.category-tips-body {}

	.category-tips {
		font-size: 15px;
		font-weight: 600;
		color: #09445a;
		margin-bottom: 15px;
		padding-bottom: 8px;
		margin-left: 20%;
	}

	.faq-item {
		margin-bottom: 10px;
		overflow: hidden;
		border-radius: 0;
	}

	.faq-question {
		background-color: #e6ecef;
		padding: 12px 15px;
		cursor: pointer;
		display: flex;
		align-items: center;
		transition: background-color 0.2s;
		position: relative;
	}

	.faq-question:hover {
		background-color: #dde4e8;
	}

	.faq-number {
		display: inline-block;
		width: 25px;
		font-weight: bold;
		color: #09445a;
		font-size: 14px;
	}

	.faq-question-text {
		flex: 1;
	    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 500;
	color: #09445A;
	}

	.faq-toggle {
		font-size: 16px;
		color: #09445a;
		transition: transform 0.3s;
	}

	.faq-answer {
		padding: 0 15px;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease, padding 0.3s ease;
	}

	.faq-answer.active {
		padding: 15px;
		max-height: 500px;
	}

	.faq-answer p {
		color: #868686;
		margin-bottom: 10px;
		font-size: 13px;
		line-height: 1.5;
	}
    .faq-tips{
            padding-top: 30px;
    font-size: 13px;

    }

	/* 响应式设计 - 小屏幕时变为单列 */
	@media (max-width: 768px) {
		.faq-categories {
			column-count: 1;
			column-gap: 0;
			padding: 0 15px;
		}

		.faq-header h1 p {
			font-size: 20px;
		}

		.category-title {
			font-size: 16px;
		}

		.faq-question {
			padding: 10px 12px;
		}

		.faq-question-text {
			font-size: 13px;
		}

		.faq-answer p {
			font-size: 12px;
		}
	}

		.topcontainer {
		box-sizing: border-box;
		font-family: "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif;
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.content-area {
		width: 80%;
		max-width: 1200px;
		background-color: white;
		padding: 40px;
	}

	.topheader {
		margin-bottom: 30px;
	}

	h1 {
		color: #09445a;
		font-size: 60px;
		font-weight: 700;
		line-height: 1.2;
		text-align: left;
	}

	.intro-section {
		width: 100%;
		margin-bottom: 30px;
	}

	.intro-section p {
		font-size: 15px;
		margin-bottom: 15px;
		text-align: left;
	}

	.content-wrapper {
		display: flex;
		align-items: flex-start;
	}

	.text-section {
		width: 70%;
		padding-right: 30px;
	}

	.text-section p {
		font-size: 15px;
		margin-bottom: 15px;
		text-align: left;
	}

	.image-section {
		width: 30%;
		height: 212px;
		background-color: #e9ecef;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #6c757d;
		font-style: italic;
		flex-shrink: 0;
	}

	.image-section>img {
		width: 100%;
		height: 100%;

	}

	h2 {
		color: #09445a;
		font-size: 24px;
		margin: 20px 0 10px 0;
		font-weight: 600;
	}

	/* 响应式设计 */
	@media (max-width: 900px) {
		.content-wrapper {
			flex-direction: column;
		}

		.text-section,
		.image-section {
			width: 100%;
		}

		.image-section {
			height: auto;
			min-height: 200px;
			margin-top: 20px;
		}

		h1 {
			font-size: 40px;
		}

		.content-area {
			width: 95%;
			padding: 20px;
		}
	}

	.maid-profile-wrapper {
		width: 100%;
		display: flex;
		justify-content: center;
		background-color: #F2F5F7;
		padding: 20px 0;
	}

	/* 外佣介绍和寻找外佣部分 */
	.maid-profile-content {
		width: 90%;
		max-width: 1120px;
		display: flex;
		gap: 30px;
	}

	.maid-card {
		flex: 1;
		min-width: 300px;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: white;
		border-radius: 12px;
		padding: 30px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		font-family: 'Microsoft JhengHei', Arial, sans-serif;
		color: #333;
	}

	.maid-avatar {
		width: 200px;
		max-width: 100%;
		height: 300px;
		object-fit: cover;
		object-position: center center;
		border-radius: 50% 50% 50% 50%;
		margin-bottom: 20px;
		border: 3px solid #09445A;
	}

	.maid-info {
		width: 100%;
	}

	.maid-name {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 15px;
		text-align: center;
		color: #09445A;
	}

	.maid-details {
		font-size: 16px;
		line-height: 1.6;
	}

	.maid-details p {
		margin-bottom: 8px;
		font-weight: 400;
		color: #54595F;
	}

	.maid-details p i {
		color: #DD4454;
		transition: color 0.3s;
		margin-right: 10px;
	}

	.notice-section {
		flex: 1;
		min-width: 300px;
		background-color: transparent;
		border-radius: 12px;
		padding: 30px;
		font-family: 'Microsoft JhengHei', Arial, sans-serif;
		color: #333;
	}

	.notice-title {
		font-size: 31px;
		font-weight: 600;
		margin-bottom: 20px;
		color: #09445A;
		font-family: 'Roboto', sans-serif;
	}

	.notice-content {
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 25px;
		color: #7a7a7a;
		background-color: transparent;
		font-weight: 400;
	}

	.find-button {
		    padding: 7px 21px;
		outline: none;
		text-decoration: none;
		width: 144px;
		height: 45px;
		display: inline-block;
		background-color: #09445A;
		color: white;
		text-decoration: none;
		font-size: 15px;
		font-weight: bold;
		border: 4px solid #FFFFFF;
		text-shadow: 0px 0px 29px #FF0000;
		box-shadow: 2px 4px 15px -5px rgba(0, 0, 0, 0.42);
		transition: all 0.3s ease;
		cursor: pointer;
		font-family: 'Microsoft JhengHei', Arial, sans-serif;
	}

	.find-button:hover {
		transform: translateY(-2px);
		box-shadow: 2px 6px 20px -3px rgba(0, 0, 0, 0.5);
		color: white;
	}

	@media (max-width: 1200px) {
		.maid-profile-content {
			flex-direction: column;
		}
	}
	/* 流程 */
	.wrapper {
      width: 100%;
    }
    
    .content {
      margin: 0 auto;
      width: 1120px;
      background: white;
      padding: 20px;
    }
    
    .main-title {
      color: #09445A;
      margin-bottom: 16px;
    }
    
    .subtitle {
      margin-bottom: 20px;
      line-height: 1.6;
    }
    
    .feature-image {
      width: 768px;
      height: 465px;
      margin-bottom: 20px;
    }
    
    .step-title {
      margin-bottom: 12px;
    }
    
    .description {
      line-height: 1.6;
    }
	    @media (max-width: 768px) {
      .content {
        padding: 15px;
      }
      
      .main-title {
        font-size: 1.5rem;
      }
      
      .step-title {
        font-size: 1.2rem;
      }
      
      .subtitle, .description {
        font-size: 0.95rem;
      }
	  .rich-text-content h1 {
        font-size: 1.3rem;
      }
      
      .rich-text-content h2 {
        font-size: 1.2rem;
      }
    }
 .rich-text-content {
      max-width: 100%;
      overflow: hidden;
      word-wrap: break-word;
    }
    
    .rich-text-content img {
      max-width: 100%;
      height: auto;
    }
    
    .rich-text-content table {
      width: 100%;
      border-collapse: collapse;
      margin: 15px 0;
    }
    
    .rich-text-content table, 
    .rich-text-content th, 
    .rich-text-content td {
      border: 1px solid #ddd;
    }
    
    .rich-text-content th, 
    .rich-text-content td {
      padding: 8px;
      text-align: left;
    }
    
    .rich-text-content ul,
    .rich-text-content ol {
      padding-left: 20px;
      margin-bottom: 15px;
    }
    
    .rich-text-content a {
      color: #09445A;
      text-decoration: underline;
    }
    
    .rich-text-content h1,
    .rich-text-content h2,
    .rich-text-content h3,
    .rich-text-content h4,
    .rich-text-content h5,
    .rich-text-content h6 {
      color: #09445A;
      margin: 15px 0 10px;
    }

    @media (max-width: 480px) {
      .content {
        padding: 10px;
      }
      
      .main-title {
        font-size: 1.3rem;
      }
      
      .step-title {
        font-size: 1.1rem;
      }
	     .rich-text-content h1 {
        font-size: 1.2rem;
      }
      
      .rich-text-content h2 {
        font-size: 1.1rem;
      }
    }
    }