.checkout
{
	padding: 1em;
	max-width: 40em;
	margin: 0 auto;
}
.checkout .bar
{
	margin-bottom: 1em;
}
.checkout .form
{
	max-width: 40em;
	padding: 4em 2em;
}

/* Step */

.answers button,
.answers p,
.radio > div
{
	font-size: 1.4em;
}
.answers .htk-select
{
	max-width: 10em;
	display: block;
	margin: 0 auto;
	font-size: 1.6em;
	height: 1.8em;
}
.answers p
{
	margin: 0.3em 0;
}
.target
{
	max-width: 28em;
	margin: 0 auto;
}
.address
{
	border-radius: 0.1em;
	padding: 0.6em 1.4em;
}
.address.selected
{
	background-color: rgba(1, 1, 1, .1);
}
.address:hover
{
	cursor: pointer;
	background-color: rgba(1, 1, 1, .05);
}
.address p.consignee
{
	font-weight: bold;
}
.radio
{
	max-width: 20em;
	margin: 0 auto;
}
.radio > div
{
	padding: 0.5em;
	border-top: 1px solid #AAA;
}
.radio > div:first-child
{
	border-top: none;
}
.thin-calendar
{
	width: inherit;
	max-width: 24em;
	margin: 0 auto;
    box-shadow: 0 0.1em 0.3em #ccc;
}
.thin-calendar tr > th
{
	color: white;
}
.htk-assistant .thin
{
	float: right;
}