.enews-wrapper 	{ padding:50px 0 50px 170px; width:70%;}
	.form-wrapper	{ padding:20px 0}

	#body .enews-wrapper a 		 { color:#666}
	#body .enews-wrapper a:hover { color:#ec2a74}
	#body .error	{ display:inline-block; top:-15px; padding-left:24%; font-style:italic; }

	
	/* form
	------------------------------------------------------------------------- */
	.form-row 		{ display:table; table-layout:fixed; height:100%; width:100%; padding-bottom:20px}
	.form-col-sm 	{ display:table-cell; float:none; height:100%;}
	.form-col-sm.col-type  { width:28%; text-align:right; padding-right:2%; background-color:#ccc;}
	.form-col-sm.col-field { width:100%;}

	#body input.blk-input, #body input.captcha { background-color:#ececec; border:none; outline:none; 
												 height:30px; color:#333;
							  					 font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-weight:normal; font-size:14px;}

	#body input:focus.blk-input, #body input:focus.captcha { background-color:#fff0f6; transition:all 0.3s ease;}

	#body input.blk-input 		{ width:94%; padding:10px 3% }
	#body input.captcha 		{ width:80%; padding:10px 10% }


	/* Remark captcha
	------------------------------------------------------------------------- */
	.captcha-row 			{ display:table; table-layout:fixed; height:100%; width:80%;}
	.captcha-col-sm 		{ display:table-cell; float:none; height:100%; }
	.captcha-col-sm.col1	{ width:30%}
	.icon-arrows-ccw 		{ font-size:20px; width:30px; height:30px; display:table-cell; vertical-align:middle; text-align:center; background-color:#ececec; top:5px; 
							  transition: all 0.3s ease-out; cursor:pointer;
									-webkit-border-radius: 10px;
									   -moz-border-radius: 10px;
											border-radius: 10px;}
	.icon-arrows-ccw:hover { background-color:#ccc;}


	/* Remark checkbox area
	------------------------------------------------------------------------- */
	#body .form-remark-blk					{ padding-top:20px}
	#body .form-remark-blk .checkbox		{ vertical-align: middle; width:30px}
	#body .form-remark-blk .checkbox-txt	{ display:inline-block; vertical-align:top;}

	#body .form-remark-blk	table td { vertical-align:top; text-align:left;}
	.lable { width:30px}
	.lable-txt { top:-6px} 


	/* btn
	------------------------------------------------------------------------- */
	.submit-blk { margin-top:20px; text-align:right; padding-top:20px}

	.bt-submit 		 { padding:10px 20px 10px 45px; color:#fff; text-transform:uppercase;  transition: all 0.3s ease-out; cursor:pointer;
					   background:#ec2a74 url(images/icon-arrow.svg) no-repeat left center; display:inline-block;}
	.bt-submit:hover  { background:#666 url(images/icon-arrow.svg) no-repeat 10px center;}



	/* ==========================================================================
		Media Style
	============================================================================= */

    @media only screen and (max-width:1280px) {
	.enews-wrapper 	{ padding:30px;  width:80%}
    }

    @media only screen and (max-width: 745px) {
	.enews-wrapper 	{  width:calc(100% - 60px); }

	.form-row 		{ width:100%; }
	.error			{ padding-left:0}

    }


    @media only screen and (max-width: 580px) {
	.form-row 		{ display:inline-block; table-layout:inherit; height:auto; width:100%; padding-bottom:20px}
	.form-col-sm 	{ display:inline-block; float:left; height:100%;}
	.form-col-sm.col-type  { width:100%; text-align:left; padding-right:0; background-color:#fff;}
	.form-col-sm.col-field { width:100%;}
	#body .error { padding-left:0; }
    }