section.withNav .main .ct ul,
section.withNav .main .ct ol{
	margin-top:1em;
	padding-left:2em;
}
section.withNav .main .ct ul{
	list-style:disc;
}
section.withNav .main .ct ol{
	list-style:decimal;
}
section.withNav .main .ct li .ex{
	color:#AAA;
}

section.withNav .main > .ct img{
	display:block;
}

/************************************** 會員制度說明 start *********************************************/
/******************* Q & A start **********************/
.faq{
	margin-top:3em;
	padding:3em 0 4em;
	border-top:1px solid;
}

section.withNav .main > .ct .faq h3{
	margin-top:0;
}

section.withNav .main .ct .faq > ul{
	list-style: none;
	margin-top:2em;
	padding-left: 0;
	line-height: 2em;
}
.faq > ul > li+li{
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #ababab;
}

.faq h5{
	display: flex;
	align-items: flex-start;
	font-size: 1.1em;
	cursor: pointer;
	transition: color 0.2s;
}
.faq li.active h5,
.faq h5:hover{
	color:#999;
}
.faq h5:before{
	content:"Q：";
}
.faq h5:after{
	content:"▼";
	font-size: 0.5em;
	margin-left:auto;
}
.faq li.active h5:after{
	content:"▲";
}

.faq .answerWrapper{
	display: none;
}
.faq .answer{
	display: flex;
	align-items: flex-start;
	padding-top:1em;
}
.faq .answer:before{
	content:"A：";
}

.faq .answerCT > ul{
	list-style: disc;
	padding-left: 1.5em;
}
.faq .answerCT li ul{
	list-style:square;
	padding-left: 1.5em;
}
.faq ol{
	list-style: decimal;
	padding-left: 1.5em;
}

.faq a{
	color:currentColor;
	text-decoration: underline;
}
.faq a:hover{
	text-decoration: none;
}
/****************** Q & A end **********************/
/************************************** 會員制度說明 end *********************************************/

/************************************** 大型家具訂購須知 start *********************************************/
.bigSize{
	--highlight-color:#AF9655;
}
.bigSize .group+.group{
	margin-top:4em;
}
section.withNav .main > .ct .bigSize h3{
	margin:0;
}
.bigSize h3 strong{
	font-size: 1.8em;
	font-weight: normal;
}
.bigSize p{
	margin:0;
}
.bigSize *+p{
	margin-top:1em;
}
.bigSize i{
	font-style: normal;
	font-weight:bold;
	color:var(--highlight-color);
}
.bigSize .img img{
	width:100%;
	object-fit:cover;
}

.bigSize .att{
	margin-top:1em;
	font-size: 0.9em;
	color:#666;
}
section.withNav .main > .ct .bigSize .att h4{
	font-size: 1em;
	margin-top:0;
	color:inherit;
}
section.withNav .main .ct .bigSize .att ol{
	margin:0;
	padding-left:1.2em;
}

/**************** table start **********************/
.bigSize .tableWrapper{
	display: flex;
	flex-direction: column;
	margin-top:1em;
	font-weight:bold;
}
.bigSize .tableWrapper table,
.bigSize .tableWrapper table tr>*{
	border:1px solid;
}
.bigSize .tableWrapper table{
	border-collapse: collapse;
	border-right:none;
	border-bottom:none;
}
.bigSize .tableWrapper table tr>*{
	border-top:none;
	border-left:none;
	text-align: center;
}

.bigSize .tableWrapper .na{
	position: relative;
}
.bigSize .tableWrapper .na:before{
	position: absolute;
	left:50%;
	top:50%;
	transform: translateX(-50%);
	content:"";
	display: block;
	width:3em;
	height:1px;
	background: currentColor;
}

.bigSize .tableWrapper .inputTD{
	position: relative;
}
.bigSize .tableWrapper .inputTD input{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:none;
	border-radius:0;
	background: transparent;
	font-weight: bold;
	font-size: inherit;
	padding:0;
	text-align: center;
}
.bigSize .tableWrapper .inputTD input::placeholder{
	color:#BBB;
}
.bigSize .tableWrapper .inputTD input:focus{
	outline:none;
	border:2px solid var(--highlight-color);
	box-shadow: 0 0 0 1px var(--highlight-color);
}

.bigSize .tableWrapper > em{
	font-style: normal;
	font-size: 0.9em;
	align-self: flex-end;
}
/**************** table end **********************/

.bigSize .g1{
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
}
.bigSize .g1 .txt{
	width:56.49%;
}
.bigSize .g1 th{
	width:25%;
}
.bigSize .g1 .img{
	width:38.96%;
	margin-top:4em;
}

.bigSize .g2{
	display:flex;
	flex-direction: column;
}
.bigSize .g2 .imgWrapper{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top:2em;
}
.bigSize .g2 .img:nth-child(1){ width:28.57%;}
.bigSize .g2 .img:nth-child(2){ width:49.87%;}
.bigSize .g2 .tableWrapper{
	margin-top:0;
	width:56.49%;
	align-self: flex-end;
}

.bigSize .g3{
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
}
.bigSize .g3 .txt{
	width:56.49%;
}
.bigSize .g3 th:first-child{
	width:33%;
}
.bigSize .g3 .img{
	width:38.96%;
	margin-top:4em;
}

.bigSize .g4 .img{
	margin-top:4em;
}
/************************************** 大型家具訂購須知 end *********************************************/


@media screen and (max-width:1023px){
	
	/************************************** 大型家具訂購須知 start *********************************************/
	.bigSize .group+.group{
		margin-top:2em;
	}

	/**************** table start **********************/
	.bigSize .tableWrapper{
		width:100%;
	}
	/**************** table end **********************/

	.bigSize .g1{
		display:block;
	}
	.bigSize .g1 .txt{
		width:auto;
	}
	.bigSize .g1 .img{
		width:80%;
		margin:2em auto 0;
	}

	.bigSize .g2{
		display:block;
	}
	.bigSize .g2 .imgWrapper{
		display:block;
	}
	.bigSize .g2 .img{
		margin-left:auto;
		margin-right:auto;
	}
	.bigSize .g2 .img:nth-child(1){ width:60%;}
	.bigSize .g2 .img:nth-child(2){ width:100%; margin-top:2em;}
	.bigSize .g2 .tableWrapper{
		width:100%;
		margin-top:2em;
	}

	.bigSize .g3{
		display:block;
	}
	.bigSize .g3 .txt{
		width:auto;
	}
	.bigSize .g3 .img{
		width:70%;
		margin:2em auto 0;
	}

	.bigSize .g4 .img{
		margin-top:2em;
	}
	.bigSize .g4 img{
		aspect-ratio:1.77;
	}
	/************************************** 大型家具訂購須知 end *********************************************/

}
