/* 引入 guide.css 更改左側選單顏色 */
@import url('../style_guide/style_guide.css'); 


/* .numberPage_middleList.active a {
    background-color: var(--second_color);
} */

/* .qaL_tit:before {
    background-color: var(--second_color);
}

.qaL_text:before {
    background-color: var(--third_color);
} */











/*/////////////////////////////////////////////////////////*/
/*-------常見問題--------*/
/*/////////////////////////////////////////////////////////*/

	/*常見問題列表*/
	.qa_list_area {
		/* padding:23px 0px 10px 0px; */
	}
		.qa_list {
			border-bottom: solid 1px #dadada;
			border-bottom: none;
			font-size: 1rem;
			background-color: #fff;
			padding: 5px;
			box-sizing: border-box;
			box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.12);
			margin-top: clamp(.9375rem,1.5625vw,1.875rem);
			border-radius: 12px;

			position: relative;
		}
			.qaL_tit {
				/* font-size: inherit; */
				font-size: 1.0625rem; /*17px*/
				line-height: 1.46;
				color:#333;
				position:relative;
				padding:.6875rem 1.6875rem;
				cursor:pointer;
				font-size: clamp(1.125rem,1.3021vw,1.5625rem);
			}
				.qaL_tit:before {
					content:'?';
					position:absolute;
					font-size:.8125rem;
					color:#fff;
					border-radius:100%;
					background: var(--primary_color);
					width:1.5625rem;
					/* height:25px; */
                    aspect-ratio: 1;
					text-align:center;
					line-height:1.5625rem;
					font-weight:bold;
					top:.5625rem;
					left:.5rem;
					box-sizing: border-box;
					padding: 0px 0px 0px .125rem;
					font-family: var(--foreign_foreign);
					display: none;
				}
				.qaL_tit:after {
					content: '+';
					position: absolute;
					font-size: 19px;
					color: #585858;
					top: 50%;
					transform: translateY(-50%);
					right: 8px;
					transition: 0.3s ease all;
					transform-origin: center center;
					
				}
				
			.qaL_text {
				position:relative;
				font-size: 0.9rem;
				font-size: 1rem;
				line-height: 1.46;
				color:#464545;
				padding:.6875rem 1.6875rem .6875rem 2.75rem;
				/* display:none; */
				
				position: absolute;
				transform: translateY(-100%);
				opacity: 0;
				z-index: -999;
				transition: 
				opacity 0.7s ease 0.3s,   /* 0.5s 延遲後開始 opacity 過渡 */
				transform 0.3s ease 0s;    /* transform 立即開始過渡 */
			}



			.qa_list.active .qaL_text {
				
				position: relative;
				transform: translateY(0%);
				opacity: 1;
				z-index: unset;
				transition:
				opacity 0.7s ease 0.3s,   /* 0.5s 延遲後開始 opacity 過渡 */
				transform 0.3s ease 0s;    /* transform 立即開始過渡 */
			}
				.qaL_text:before {
					/* content:'！'; modify by david 20220914*/
					content: 'A';
					position:absolute;
					border-radius:100%;
					text-align:center;
					width:1.5625rem;
					/* height:25px; */
					aspect-ratio: 1;
					line-height:1.5625rem;
					font-size:.8125rem; /*13px*/
					color:#fff;
					background: #9D9D9D;
					box-sizing: border-box;
					padding: 0px 0px 0px .125rem;
					top:.5625rem;
					left:.5rem;
					font-family: var(
					--foreign_foreign);
					display: none;
				}
				/*hover*/
				.qaL_tit:hover {
					/*background:#eaeaea;*/
					background: linear-gradient(90deg, rgba(158, 176, 238, 0.32) 0.86%, rgba(255, 255, 255, 0.48) 100%);
				}
				/*當前模式*/
				.qa_list.active .qaL_tit {
					background-color: var(--second_color);
					background: linear-gradient(90deg, rgba(158, 176, 238, 0.32) 0.86%, rgba(255, 255, 255, 0.48) 100%);
					/*background:#eaeaea;*/
					border-radius:12px;
					font-weight: 600;
					
				}
					.qa_list.active .qaL_tit:after {
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						top:.6875rem;
						font-size:1.3125rem;
					}
					.qa_list_text_area{
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						align-items: flex-start;
						gap: clamp(.3125rem,0.5208vw,.625rem);
						overflow: hidden;
					}
					.qa_list_text_title{
						font-weight: 600;
						line-height: 2rem;
					}
					.qa_list_answer_area{
						line-height: 2rem;
					}