@charset "utf-8";

/* table reset */
table{border-spacing:0;border-collapse:collapse;width:100%;}
th{width: 1%;white-space: nowrap;padding:14px;line-height: 1.5;}
td{width: 99%;padding:14px;background: #fff;line-height: 1.5;}

/* form basic */
.frm-tb				{width:100%;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.frm-tb th			{line-height:normal;text-align:left;width:16em;background:#f6f6f6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 1;}
.frm-tb th.required	{background:#ffefef;color:#d9534f;}
.frm-tb th.required .label-danger{float:right;}
.frm-tb td			{line-height:normal;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width: auto;}
td .radio, td .checkbox{display: inline-block;margin: 0;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;margin-right:5px !important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right: 0.5em;margin-top: -3px;}
input{font-size:100%;vertical-align:middle;}
input[type="text"], input[type="password"]{border:1px solid #ccc;padding:9px;border-radius:4px;line-height: 1;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{border:1px solid #ccc;padding:9px;background:#f6f6f6;border-radius:4px;line-height: 1;}
select{border:1px solid #ccc;padding:6px 9px;border-radius:4px;line-height: 1;}
select:focus{border:1px solid #ccc;padding:6px 9px;background:#f6f6f6;border-radius:4px;line-height: 1;}
textarea{font-size:100%;border:1px solid #ccc;padding:14px;width:100%;border-radius:4px;box-sizing:border-box;}

.req{color:#ffbaba;}
.required input[type="text"], .required input[type="password"], .required select, .required textarea{border:1px solid #ffbaba;}
.required input[type="text"]:focus, .required input[type="password"]:focus, .required textarea:focus{background: #fff6f6;}

label{margin:0 1em 0 0.5em;}

.form-ss{width:10%;}
.form-s{width:25%;}
.form-m{width:50%;}
.form-l{width:100%;}
.form-ll{width:100%;}

.btn-lg{
	font-weight:normal;
}

@media (max-width:767px){
	.frm-tb th, .frm-tb td{display: block;}
	.frm-tb th{width: auto;}

	.form-ss{width:100%;}
	.form-s{width:100%;}
	.form-m{width:100%;}
	.form-l{width:100%;}
	.form-ll{width:100%;}

	.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right: 0.5em;margin-top: -5px; }
		td .radio, td .checkbox {
    display: block;
    margin-bottom:5px;
}
}