.mainContent{height: 100vh;
    background: #3e3a39;
    color: #c9bc9c;
    margin-bottom: 30vw;}
    
    .mainBox{letter-spacing: 2px;
    line-height: 3;
    padding: 20vw 10vw 30vw 10vw;
        font-family: "Noto Serif TC", serif;
        font-weight: 400;
        font-style: normal;
    }
    
     .mainBox::before{
        content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #c9bc9c;
    margin-bottom: 10px;
    
     }
    
    
body {
    background-color: #3e3a39 !important;
}

.articleH1{    position: relative;
    top: -10vw;
    height: 0;
}




	/*This QA Page css JS在GlobalJS*/
	
	img.fr-dib {
		margin: 7px 7px 0 0;
	}
	
	@media screen and (min-width: 900px) {
		#GeneQAh1 {
			color: #c9bc9c; width: 70vw; left: 50%; position: relative; transform: translate(-50%, 0px);
		}
		#GeneQAh1 p:nth-child(1) {
			font-weight: bold; font-size: 25px; margin: 0;
		}
		#GeneQAh1 p:nth-child(2) {
			font-size: 16px; margin: 0 0 51px 0;
		}
		.Ganwser {
			width: 100%; background-color: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 9px; font-size: 14px;
		}
		#GeneQA0531 {
			color: #c9bc9c; width: 70vw; left: 50%; position: relative; transform: translate(-50%, 0px);
		}
		.GQAline {
			width: 70vw; background-color: #c9bc9c; height: 1px; opacity: 0.5; margin: 20px 0px 30px 0;
		}
	}
	
	@media screen and (max-width: 900px) {
		#GeneQAh1 {
			color: #c9bc9c; width: 85vw; left: 50%; position: relative; transform: translate(-50%, 0px);
		}
		#GeneQAh1 p:nth-child(1) {
			font-weight: bold; font-size: 25px; margin: 0;
		}
		#GeneQAh1 p:nth-child(2) {
			font-size: 16px; margin: 0 0 51px 0;
		}
		.Ganwser {
			width: 100%; background-color: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 9px; font-size: 12px;
		}
		#GeneQA0531 {
			color: #c9bc9c; width: 85vw; left: 50%; position: relative; transform: translate(-50%, 0px);
		}
		.GQAline {
			width: 85vw; background-color: #c9bc9c; height: 1px; opacity: 0.5; margin: 20px 0px 30px 0;
		}
	}
	
	.GqaNumber {
		margin: 0 10px 0 0; color: #c9bc9c; display: flex;
	}
	
	.GqaNumber img {
		width: 14px; height: 14px; margin-top: 7px; margin-right: 7px;
	}
	
	.Gqu {
		margin: 0; font-weight: bold; color: #c9bc9c;
	}
	
	.GeneQ {
		display: flex;
	}
	
	.GeneQ div:nth-child(2) {
		width: 100%;
	}
	
	.GeneQclose .Ganwser {
		opacity: 1; animation: gQAclose 0.5s linear; animation-fill-mode: forwards;
	}
	
	.GeneQopen .Ganwser {
		opacity: 0; animation: gQAopen 0.5s linear; animation-fill-mode: forwards;
	}
	
	@keyframes gQAclose {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	
	@keyframes gQAopen {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
