/* questionnaire template begin 20160403 */
html body { margin:0px; padding:0px; height:100%; font-size: 11px; color: rgba(102,102,102,1);}
.p0{ padding:0px;}
.m0{ margin:0px;}
.mt15{ margin-top:15px;}
.qtWrap{ background-color: #fff; padding:0px 50px 30px 50px; margin-bottom:10px; -webkit-box-shadow: 0 0 5px rgba(235, 235, 235, 1); -moz-box-shadow: 0 0 5px rgba(235, 235, 235, 1);  box-shadow: 0 0 5px rgba(235, 235, 235, 1);  }
.qtHeader{ padding:20px 15px 15px 15px;  background-color: #fff;}
.qtHeader h3{ color:rgba(28,28,28,1);font-size:1.5em; line-height:1.5em; font-weight:bold}
.qtHeader-bgColor{ background-color: #fff;}
.qtExplain{ background-color:#fff; border-bottom:2px solid rgba(225,225,225,1)}
.qtExplainCon{line-height:20px; padding:0px 0 15px 0; font-size:.9em; color:rgba(68,68,68,1);}
.qtExplainCon img { width:100%; }
.qtBlueBg{background-color:#6ec4f3;}
.qtTips{line-height:20px; margin: 5px 0; padding: 5px 10px;}
.qtCon{ border-bottom:1px dotted #ddd; padding:0 0 15px 0;}
.qtConTitle{color:rgba(68,68,68,1); font-size:0.8em; line-height:30px; margin-bottom:0px; font-weight:bold; margin-top:15px; }
.qtConList{font-size:0.8em; line-height:20px; color:#555;}
.qtConList label { font-size:1em;}
.qtConList textarea{ font-size:1.05em; color:#555!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; -o-box-shadow:none!important; box-shadow:none!important;}
.arrow-up { width:0;  height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; margin:0 auto;}
.bg-gray { background:rgba(245, 245, 245, 1); padding-top:25px; }
/* questionnaire template end8 */

@media screen and (max-width: 768px) {
	.bg-gray { background:rgba(245, 245, 245, 1); padding-top:0px; }
	.qtWrap{ background-color: #fff; padding:0px 15px 30px 15px; margin-bottom:0px; -webkit-box-shadow: 0 0 5px rgba(235, 235, 235, 1); -moz-box-shadow: 0 0 5px rgba(235, 235, 235, 1);  box-shadow: 0 0 5px rgba(235, 235, 235, 1);  }
	.qtExplainCon img { width:100%; }
}

@media ( max-width :768px) {
	.center {
		width: 100%;
		display: table;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-left: auto;
	}
}

@media ( min-width :768px) {
	.center {
		width: 80%;
		display: table;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-left: auto;
	}
}

.full-line {
	width: 100%;
}

.text-center {
	text-align: center;
}

label {
	display:block;
	font-weight: normal;
	font-size:1em!important;
}

.well {
	background-color: #fff;
}

.row {
	font-size: 1.2em;
	line-height: 30px;
}