@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:#2b89c0;color:#fff;}
.frm-tb th.required .label-danger{float:right;}
.label-danger {
    background-color: #f6f6f6;
				color: #2b89c0;
}
.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;}
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;
}

.label-danger {
    background-color: #d9534f;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

@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: 4px;}
}