html,body{
	background:#2e3255;
	width:100%;
	height:100%;
	color:#779;
	/*font-family: National2,"Helvetica Neue",Helvetica,Arial,sans-serif !important;*/
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size:14px;
}
@media screen and (min-width:1px) {
	html,body{
		font-size:14px;
	}
}
@media screen and (min-width:600px) {
	html,body{
		font-size:12px;
	}
}
@media screen and (min-width:750px) {
	html,body{
		font-size:16px;
	}
}

#mainbox-wrapper{
	display:table;
	width:100%;
	height:100%;
}
#mainbox-cell {
    display: table-cell;
	vertical-align: middle;
	width:100%;
}

#mainbox{
	display:block;
	width:90%;
	margin:0 auto;
	max-width:600px;
	text-align:center;
	padding-bottom:5em;
}
#qna {
	padding:0.3em 1em;
	background:#FFF;
	border-radius:4px;
	box-shadow:0px 5px 5px rgba(0,0,0,0.5);
	color:#333;
	text-align:left;
	font-size:1.5em;
	margin:1em 0;
}
p{
	margin-bottom:1em;
}
#qusetion {
	margin-top:0.5em;
}
#q_no{
	font-size:1.5em;
}
#title
{
	font-size:2em;
	color:#FFF;
	margin-bottom:0.25em;
}
#yes_or_no
{
	display:none
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow:none;
}