.new-product-question-form {
	width: 1000px;
}


.new-product-question-form .buttons {
	width: 1000px;
	text-align: right;
}

.new-product-question-form button {
	padding:13px 24px; background-color:#484848; color:#fff; text-transform:uppercase
}

.new-product-question-form .conditions {
	font-size:14px;
	line-height:20px;
	width: 1000px;
	text-align: center;
}
.new-product-question-form .conditions a {color:var(--color-01-hex); white-space:nowrap}
.new-product-question-form .conditions a:hover {text-decoration:none}

@media only screen and (max-width:1200px) {
	.new-product-question-form,
	.new-product-question-form .conditions
	{
		width: 90vw;
	}

	.new-product-question-form .buttons
	{
		width: 80vw;
	}

}



.product-question {
	padding: 10px;
	border: 1px solid #c9c9c9;
	margin: 10px;
	border-radius: 5px;
}

.product-question>.date-time {
	text-align: right;
}

.product-question>.question {
	padding: 10px;
}


.product-question>.answer {
	padding: 20px;
}

@media (max-width: 1100px) {
	.new-product-question-form {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.new-product-question-form label {
		text-align: left;
		margin-left: 5px;
	}

	.new-product-question-form input,
	.new-product-question-form textarea {
		width: calc(100% - 20px);
	}

}



.tc-questions {padding:30px 0 40px 0}
.tc-questions .overview {margin:0 40px}
.tc-questions .overview > div {background-color:#f6f6f6; padding:20px 25px}
.tc-questions .info {display:inline-block; margin-right:20px; font-size:15px; font-family:Roboto, sans-serif; font-weight:700}
.tc-questions a.new {display:inline-block; background-color:var(--color-02-hex); background-image:url(/templates/b2c/images/new-message-icon.png); background-position:25px center; background-repeat:no-repeat; padding:10px 34px 10px 52px; color:#fff; text-decoration:none}
.tc-questions .list {}
.tc-questions .list .post {border-bottom:1px #dfdfdf dotted; padding:10px 0}
.tc-questions .list .post:last-child {border-bottom:0 none; padding:10px 0 0 0}
.tc-questions .list .post > div {margin:0 40px}
.tc-questions .list .top {margin:28px 0 20px 0}
.tc-questions .list .top > div {display:inline-block}
.tc-questions .list .author {background:url(/templates/b2c/images/customer-icon.png) 0 center no-repeat; min-height:18px; margin-right:6px; padding:0 0 0 24px; font-size:17px; font-family:Roboto, sans-serif; font-weight:700}
.tc-questions .list .date {font-size:13px; color:#999; margin-right:25px}
.tc-questions .list .question {margin-bottom:20px; font-size:16px; color:#333; line-height:24px}
.tc-questions .list .question a {color:var(--color-01-hex)}
.tc-questions .list .question a:hover {text-decoration:none}
.tc-questions .list .answer {margin-bottom:20px; padding-left:45px; font-size:14px; color:#666; line-height:24px}
.tc-questions .list .answer a {color:var(--color-01-hex)}
.tc-questions .list .answer a:hover {text-decoration:none}
.tc-questions .list .answer .intro {display:inline-block; background:url(/templates/b2c/images/answer_icon.png) 0 center no-repeat; min-height:20px; margin-left:-45px; padding:0 8px 0 45px; color:var(--color-01-hex); font-family:Roboto, sans-serif; font-weight:700}
#question-popup {}
#question-popup .content-question {padding:40px}
#question-popup .content-question > div { display:flex}
#question-popup .content-question > div > div:first-child { flex:0 1 12%; padding:5px 2% 5px 0; text-align:right; color:#666}
#question-popup .content-question > div > div:last-child { flex:0 1 86%; margin-bottom:10px}
#question-popup .content-question .error {margin-top:4px; font-size:14px; color:var(--color-error-hex)}
#question-popup .content-question input[type=text] {border:1px #d6d6d6 solid; padding:10px 12px; width:calc(100% - 26px)}
#question-popup .content-question textarea {border:1px #d6d6d6 solid; padding:10px 12px; width:calc(100% - 26px); height:60px; resize:none}
#question-popup .content-question input[type=button] {padding:13px 24px; background-color:#484848; color:#fff; text-transform:uppercase}
#question-popup .content-question .conditions {font-size:14px; line-height:20px; padding:0 20px 10px 8px}
#question-popup .content-question .conditions a {color:var(--color-01-hex); white-space:nowrap}
#question-popup .content-question .conditions a:hover {text-decoration:none}
#question-popup .done {margin:40px}