@font-face {
    font-family: 'ProximaNova-Regular';
    src: url("font/ProximaNova-Regular.otf") format("opentype");
}

body{
	font-family: 'ProximaNova-Regular','Microsoft JhengHei';
}

body{
	/* font-family: 'Microsoft JhengHei' ,sans-serif; */
	font-size: 16px;
	margin: 0;

}

.container{
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;	
	margin-top: 20px;
}

.header_small{
	font-size: 13px;
}

.header{
	padding:0px 0px 10px 0px;
	font-size: 34px;
    line-height: 135%;
}

.header_container{
	border:1px solid #DDD;
	padding:20px;
	border-radius:10px;
	background:#FFF;
}

.question_container{
	width: calc(100% - 40px);
	margin: 0 auto;	
	margin-top: 30px;
	border:1px solid #DDD;
	padding:20px;
	border-radius:10px;
	margin-bottom:20px;
	background:#FFF;
}

.input{
	border:0px solid #AAA;
	border-bottom:1px solid #AAA;
}

.answer6_table{
	margin-top:20px;
	font-size:12px;
	border-spacing: 0px;
	
}

.answer6_table td{
	padding:5px 0px;
	text-align:center;
	border:0px solid #FFF;
}

.answer6_table tr td:nth-child(1){
	text-align:left;
}

.answer6_table tr:nth-child(even) {
	background:#ede7f6;;
}

.submit_div{
	text-align:center;
}

.submit{
	background:#1a73e8;
	color:#FFF;
	width:100px;
	border:0px solid #FFF;
	border-radius:5px;
	padding:10px 15px;
	margin-bottom:80px;
	cursor:pointer;
}

.submit:hover{
	opacity:0.8;
}

.qline{
	margin-top:20px;
}

.q1{
	display:inline-block;
}

.a1{
	display:inline-block;
}

@media only screen and (max-width: 1154px){
	.container, .table-plan, .table-pricing{
		width: 900px;
	}
}
@media only screen and (max-width: 960px){
	.container, .table-plan, .table-pricing{
		width: 700px;
	}
}
@media only screen and (max-width: 767px){
	.container, .table-pricing, .table-buy{
		width: 95%;
		margin: 20px auto;
	}
	.container{
		margin-top: 20px;
	}
}
@media only screen and (max-width: 550px){
	
	::-webkit-scrollbar {
    	width: 0px;  /* Remove scrollbar space */
    	background: transparent;  /* Optional: just make scrollbar invisible */
	}
}