html,body{
	width:100%;
	height:100%;
	background:#000;
	float:left;
}
#qa-all{
	margin:10px auto;
	width:100%;
	height:100%;
	background:#000;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#qa-banner{
	width:60%;
	max-width:450px;
	margin:0px auto;
}

#qa-info{
	margin:10px auto;
	padding:0px 10px;
	width:100%;
	/*
	width:-moz-calc(100%-20px);
	width:-webkit-calc(100%-20px);
	width:calc(100%-20px);
	*/
	max-width:60%;
	height:auto;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#text-title{
	position:relative;
	height:30px;
	text-align:center;
	margin:10px auto;
	font-size:28px;
	font-weight:600;
	color:#FFF;
}

.text-lable{
	margin-top:10px;
	font-size:16px;
	color:#CCC;
}

.qa-input{
	margin-top:10px;
	width:100%;
	min-height:30px;
	-webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}

.qa-textarea{
	resize:vertical ;
	margin-top:10px;
	width:100%;
	min-height:100px;
	-webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;

}


.qa-btn{
	margin:10px 0px 10px 0px;
	
	width:80px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	border-radius:5px;
	cursor:pointer;
	color:#333;
}
.qa-left{
	float:left;
}

.qa-right{
	float:right;
}

#send-info{
	background:#99FF33;
}

#send-info:active,#send-info:hover{
	background:#77CC11;
}

#reset-info{
	background:#DDDDDD;
}
#reset-info:active,#reset-info:hover{
	background:#BBBBBB;
}

.clear-all{
	clear:both;
}

.qa-notice{
	font-size:15px;
	line-height:20px;
	color:#AAA;
}

.error-msg{
	font-size:12px;
	color:red;
}

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

#qa-mask{
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	background:url("/img/loadbk.png");
	display:none;
}

#qa-loading{
	position:absolute;
	width:50px;
	height:50px;
	top:-moz-calc( 50% - 25px );
	top:-webkit-calc( 50% - 25px);
	top:calc( 50% - 25px );
	left:-moz-calc( 50% - 25px );
	left:-webkit-calc( 50% - 25px );
	left:calc( 50% - 25px );
}

#close{
	top:0px;
	right:10px;
	position:absolute;
	width:30px;
	height:30px;
	line-height:28px;
	text-align:center;
	font-size:20px;
	border-radius:20px;
	border:3px #FFF solid;
	color:#FFF;
	cursor:pointer;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#close a{
	font-weight:600;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}

#close:active,#close:hover{
	border:3px red solid;
	color:red;
}

#close a:hover{
	color:red;
}


ul.a {
	list-style-type: circle;
	padding-left:5%;
}

ul.c {
	list-style-type: square;
	padding-left:5%;
}
	
ol.e {
	list-style-type: cjk-ideographic;
	padding-left:5%;
}

ol.f {
	list-style-type: decimal;
	padding-left:5%;
}

ol.u {list-style-type: none;}
ol.v {
	list-style-type: inherit;
	padding-left:5%;
}

li{
	margin:10px 0px;
}

p{
	margin:5px 0px;
}



.title_1{
	font-size:25px;
	font-weight:bold;
}

.title_2{
	font-size:17px;
	font-weight:bold;
    color: #CCC;
}