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




/*常見問题_收合列表-------------------------*/

.qaArea {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}
.qaArea:first-of-type {
}

	.qa_list {
		font-size:17px;
		/* line-height:40px; */
		overflow: hidden;
		border: 1px solid #ffffff;
		/* background-color: #F7F7F7; */
		/* margin-bottom: 25px; */
		margin-right: 0px;
		font-size: 1rem;
		border-radius: 3px;
		transition: 0.3s ease all;
	}
		.qa_list_tit {
			position:relative;
			transition: 0.3s ease all;
			/* padding: 15px 50px 15px 20px; */
			cursor:pointer;
			color: var(--primary_color);
			padding: 1.1875rem clamp(1.875rem, 2.6vw, 3.125rem) 1.1875rem 1.2500rem;
			/* font-size: 20px; */
			/* min-height: 29px; */
			line-height: 1.8125;
			transition: 0.3s ease all;
		}
		.qa_list_tit.show {
			/* background: var(--primary_color); */
			/* color: #fff; */
			transition: 0.3s ease all;
		}
			
		.qa_list_text {
			position:relative;
			transition:0.3s ease all;
			display: none;
			box-sizing:border-box;
			font-size: 0.8750rem;
           color: var(--text_color2);
		}

		.qa_list_text .text_area{
            font-size: inherit;
            color: inherit;
		}


		.qa_list_text img {
			max-width:100%;
			height:auto;
		}		
		
		.qa_list_tit:before, .qa_list_text:before {
			position: absolute;
			left: 10px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			font-size: 20px;
			color: #fff;
			letter-spacing: 0px;
			text-align: center;
			width: 28px;
			height:28px;
			border-radius: 100%;
			background: #221912;
		}
		.qa_list_tit:before {
			/* content: '?'; */
		}
		.qa_list_text:before {
		}
		
		/* .qa_list_tit:after {
			position: absolute;
			content: '';
			background: url(../images/plus.png) no-repeat;
			right: 20px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 10px;
    		height: 10px;
		} */
		/* .qa_list_tit.show:after {
			background-image:url(../images/x.png);
			background-repeat:no-repeat;
		} */



        .qa_list_tit:after {
            position: absolute;
            top: 50%;
            display: inline-block;
            font-family: bootstrap-icons;
            font-style: normal;
            color: var(--text_color2);
            margin-right: 0px;
            content: "\F282";
            right: calc(clamp(1.613rem, 2.6vw, 3.125rem) / 3);
            transform: translateY(-50%);
            transform-origin: center;
            transition: 0.3s ease all;
            font-size: 1rem;
        }

        .qa_list_tit.show:after {
            content: "\F282";
            transform: translateY(-50%) rotate(-90deg);
        }





				/*展開*/
				.qa_list_text.show {
					display: block;
					transition: 0.3s ease all;
					/* opacity:1;
					height:auto; */
					/* padding: 9px 50px; */
					padding: 1.2500rem;
                    padding-top: 0;
				}




.index_copyright {
    margin: 0;
    padding: calc(2.5rem * 0.65) 0;
}



@media (max-width: 990px) {

    .qaArea{
        /* max-width: calc(27.6875rem * 0.75); */
        /* margin: 0 auto;
        width: 80%; */
    }

}



    











.pageContent .wrap{

}




.pageContent .btn_area {
	margin-top: 1.25rem;
	font-size: 1rem;
	font-weight: 600;
}

	.pageContent .btn_area button{
		-webkit-appearance:none;
		-webkit-border-radius:0px;
		margin:0;
		padding:0;
		outline:none;
		cursor:pointer;
		vertical-align: middle;
		border:none;
		/* width: 200px; */
		height:51px;
		/* background:#353130; */
		/* color:var(--text_color); */
		/* border-radius:5px; */
		line-height:normal;
		transition: 0.2s ease all;
		letter-spacing:1px;
		margin:  0 auto ;
		height: auto;

		width: 100%;
		background: var(--primary_color);
		color: var(--third_color);
		font-size:inherit;
		font-weight: inherit;
		text-indent: 1rem;
		letter-spacing: 1rem;
		padding: 1.1875rem .3125rem;
	}





/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

	.pageContent .wrap{
		width: 100%;
	}

}



@media (max-width: 990px) {

	.pageContent .wrap{
		width: 80%;
		padding: 0;
	}

    .pageContent .btn_area{
        /* margin: 0 auto; */
		/* margin-left: auto; */
		/* margin-right: auto; */
        /* width: 80%; */
    }

}

@media (max-width: 360px) {

    .pageContent .btn_area{
        
    }

		.pageContent .btn_area button{
			text-indent: 0.5rem;
			letter-spacing: 0.5rem;
		}

}