@media only screen and (max-width:768px ) {
		.onlidiv{border-bottom: 1px solid #aba5a5;padding: 24px 0px; background-color: #FFFFFF;}
	.onlinem{width: 96%;margin: 0 auto;}
	.onlinem ul li{padding: 16px 0px;list-style: none;border-bottom: 1px solid #aba5a5;}
	.onlinema a{height: 40px; width: 40px; float: right; text-align: center;line-height: 40px;border: 1px solid #C0C0C0;margin-left: 6px;color: #C0C0C0;text-decoration: none;}
	.onlinema a:hover{background-color: #005BAC;color: #FFFFFF;}
	.onspan{height: 20px;width: 20px;background-color: #C0C0C0;display: block;float: left;text-align: center;}
	.onspan1{height: 20px;width: 20px;background-color: #0146AB;display: block;float: left;
	text-align: center;color: #FFFFFF;}
	.onlinem p{padding: 0px 28px; }
	.onlinemtor{width: 96%;margin-left: 46px; float: left;margin:  0 auto;}
	.onlinemtor ul{margin: 20px 0px;}
	.onlinemtor ul li{height: 46px; line-height: 40px; padding: 0px 10px; width: 100%;}
	.onlinemtor ul li span{width: 40px; overflow: hidden;display: block;float: left;}
	.onlinemtor ul li input{height:30px ; line-break: 30px; width: 81%; overflow: hidden;}
	.onlitotli{margin: 12px 0px 80px 36%;}
	.onlidivspan{height: 40px;line-height: 40px;width: 36px;float: left;}
	.onlinemtor ul li a{display: block; height: 32px; width: 100px;text-align: center; line-height: 32px; float: left;margin-left: 8px;background-color: #0092D9;color: #FFFFFF;text-decoration: none;}
	.inputbutton {display: block; height: 32px; width: 100px;text-align: center; line-height: 32px; float: left;margin-left: 8px;background-color: #0092D9;color: #FFFFFF;text-decoration: none; float: left;border: transparent; margin: 8px 3px;}
	
	.inputbutton:hover{background-color: #005BAC;}
	.onlinemtor ul li a:hover{background-color: #005BAC;}
	.oninput{padding: 0px 10px; }
   .oninput textarea{width: 86%;height: 160px;display: block; }
}
@media only screen and (min-width:769px ) {
	.onlidiv{border-bottom: 1px solid #aba5a5;padding: 24px 0px; background-color: #FFFFFF;}
	.onlinem{width: 53%;float: left;}
	.onlinema{padding: 8px 0px; float: right;}
	.onlinema a{height: 40px; width: 40px; float: left; text-align: center;line-height: 40px;border: 1px solid #C0C0C0;margin-left: 6px;color: #C0C0C0;text-decoration: none;}
	.onlinema a:hover{background-color: #005BAC;color: #FFFFFF;}
	.onlinem ul li{padding: 16px 0px;list-style: none;border-bottom: 1px solid #aba5a5;}
	.onspan{height: 20px;width: 20px;background-color: #C0C0C0;display: block;float: left;text-align: center;}
	.onspan1{height: 20px;width: 20px;background-color: #0146AB;display: block;float: left;
	text-align: center;color: #FFFFFF;}
	.onlinem p{padding: 0px 28px; }
	.onlinemtor{width: 40%;margin-left: 46px; float: left; }
	.onlinemtor ul{margin: 20px 0px;}
	.onlinemtor ul li{height: 46px; line-height: 40px; padding: 0px 18px;}
	.onlinemtor ul li span{width: 40px; overflow: hidden;display: block;float: left;}
	.onlinemtor ul li input{height:30px ; line-height: 30px; width: 66%; overflow: hidden;}
	.onlitotli{margin: 12px 20px 40px 34%; }
	
	.onlidivspan{height: 40px;line-height: 40px;width: 36px;float: left;}
	.inputbutton {display: block; height: 32px; width: 100px;text-align: center; line-height: 32px; float: left;margin: 8px 3px;background-color: #0092D9;color: #FFFFFF;text-decoration: none; float: left;border: transparent;}
	
	.inputbutton:hover{background-color: #005BAC;}
	.oninput{padding: 0px 18px; }
   .oninput textarea{width: 89%;height: 160px;display: block; }
   .suppout1img{height: 370px;}
   }