﻿.questionnaire-header h1{
	font-size:30px;
	font-weight:normal;
	color:#333;
	padding:15px;
}

.questionnaire-header .notice{
	font-size:16px;
	color:#333;
	border-radius:5px;
	line-height:200%;

}


.questionnaire-content{
	width:100%;
	
	float:left;
}
.questionnaire-header{
	border-radius:10px;
	border:1px solid #888;
	padding:50px;
}

.questionnaire-content .question-title{
	position:relative;
	font-size:16px;
	color:#333;
	line-height:48px;
	margin-top:50px;
	background:#F8f8f8;
	padding:0 15px;
}
.questionnaire-content .question-title span{
	display:inline-block;
	margin-right:10px;
	font-size:16px;
	font-style:italic;
	color:#ff5b5b;	
}

.questionnaire-content .question-answer .options{
	margin:20px 0 0 20px;
}

.questionnaire-content .question-answer .options span{
	display:inline-block;
	width:5em;
	line-height: 20px;
	font-size: 14px;
	color: #666;
}

.questionnaire-content .question-answer  label{
	line-height: 20px;
    font-size: 14px;
    color: #666;	
	vertical-align:top;
}

.questionnaire-content .question-answer input[type="checkbox"]{
	width: 16px;
    height: 16px;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
	line-height:20px;
}

.questionnaire-content .question-answer input[type="checkbox"]:checked{
   background: url("../images/tick.png") no-repeat center;
}

.questionnaire-content .question-answer .options-text{
   outline:none;
   border:none;
   border-bottom:1px solid #DDD;
   width:400px;
   line-height:24px;
   color:#666;
}

.questionnaire-content .btn{
	display: block;	
	width: 180px;
	height: 32px;
	background: #ff5b5b;
	color: #FFF;
	font-size: 18px;
	cursor: pointer;
	font-family: '微软雅黑';
	margin:50px auto;
	border:none;
}

input[type="radio"],
input[type="checkbox"]{
    margin: 5px 10px 10px 10px;
	float: left;
}

@media screen and (max-width:540px){
	.questionnaire-content .question-title{
		font-size:14px;
		line-height:180%;
	}
	
	.questionnaire-content .question-answer .options{
		position:relative;
		margin:16px 0 0 0;
		overflow:hidden;
	}
	
	.questionnaire-content .question-answer .options-text{
		margin-top:8px;
		width:100%;
	}	
	
	.questionnaire-content .question-answer  label{
		width:85%;
		display:inline-block;
		float:left;
		line-height:200%;
	}	
	
	input[type="radio"],
	input[type="checkbox"]{
		position:relative;
		top:5px;
		width:8%;
		float:left;
		display:inline-block;
		line-height:28px;
		margin-bottom:-2px;
	}	
	
}

