/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline:none;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; outline:none;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; outline:none;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px; display:block;}
html, body 				{ height:100%; outline:none; font-family:verdana,arial; background:#f8f8f9;}
/**************************************************************************************/

.container 						{ width:1100px; margin:0 auto;}
.header 							{ width:100%; border-bottom:#ccc solid 1px; background:#fff; float:left;}
.header a.logo 					{ float:left; margin:10px; width:150px; display:block;}
.header a.logo img 				{ width:100%; display:block;}

.top_rgt						{ display:block; float:right;}
.top_rgt span 					{ font-size:13px; font-style:italic; float:left; margin:12px; padding:10px 0px; display:block; line-height:20px; color:#666;}
.btn 							{ background: #1461fc; background: -moz-linear-gradient(top, #1461fc 0%, #3257bc 100%);
background: -webkit-linear-gradient(top, #1461fc 0%,#3257bc 100%); background: linear-gradient(to bottom, #1461fc 0%,#3257bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1461fc', endColorstr='#3257bc',GradientType=0 ); 
font-size:16px; font-weight:bold;padding:10px; line-height:24px; border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px;  -khtml-border-radius:5px; color:#fff; cursor:pointer; margin: 0 auto;text-align: left; width: 140px; float:left; margin:5px 0 5px 10px; box-shadow:rgba(0,0,0,0.2) 0 1px 5px inset; text-shadow:#333 0 1px 1px;}
.btn:hover 						{ background:#1461fc; color:#fff;}
.top_rgt a.download_file 		{ padding:8px 15px 8px 15px; width:150px; float:right; font-size:13px; text-decoration:none; margin:0 0 10px 0;}
.top_rgt a.download_file b		{ background-image:url(../images/download.png); background-repeat:no-repeat; background-position:0; display:inline-block; margin:-2px 5px -5px 0; width:24px; height:24px;}
.top_rgt a.sharewith 			{ padding:8px 15px 8px 15px; width:150px; text-align:center; float:right; font-size:13px; text-decoration:none; margin:0 0 10px 0; background: #666; background: -moz-linear-gradient(top, #666 0%, #333 100%);
background: -webkit-linear-gradient(top, #666 0%,#333 100%); background: linear-gradient(to bottom, #666 0%,#333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#333',GradientType=0 );}
.top_rgt a.sharewith:hover 		{ background:#333;}

.top_rgt a.savetorcloud 			{ padding:8px 15px 8px 15px; width:150px; text-align:center; float:right; font-size:13px; text-decoration:none; margin:0 0 10px 0; background: #060; background: -moz-linear-gradient(top, #060 0%, #080 100%);
background: -webkit-linear-gradient(top, #060 0%,#080 100%); background: linear-gradient(to bottom, #060 0%,#080 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060', endColorstr='#080',GradientType=0 );}
.top_rgt a.savetorcloud:hover 	{ background:#080}
.header a.login_info				{ float:right; margin:9px; display:block; line-height:20px; padding:9px; font-size:13px; text-decoration:none; color:#000; font-weight:bold; }

.main_cont						{ padding:20px 0 80px 0; background:#f8f8f9; width:100%; float:left;}
.act_file h3 					{ display:block; line-height:26px; color:#333; padding:0 0 10px 0; font-size:20px; font-family:verdana, arial; float:left; word-break: break-word; white-space: normal; }
.act_file h3 a.preview 			{ font-size:14px; text-decoration:none;}

.act_file h3 span 					{ display:block; color:#666; font-size:14px;}
.act_file						{ display:block; padding:20px; background:#fff; border:#ccc solid 1px; margin-bottom:20px;border-radius:4px;}
.act_file em 					{ width:150px; overflow:hidden; margin-right:10px; float:left; display:block; border:#ccc solid 1px;}
.act_file em img 					{ display:block; margin:0 auto; max-width:100%; height:auto; display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.act_file em:hover img			{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);     -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.act_file .image 					{display:block; padding:20px; background:#fff; margin-bottom:20px; }
.act_file .image img 				{ display:block; margin:0 auto; max-width:100%; border:#ccc solid 1px; height:auto; display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.act_file .image:hover img			{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);     -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.top_lft						{ float:left; width:700px;}
.top_rgt						{ width:330px; float:right;}
.top_full						{ width:100%; float:left;}
.authentication					{ display:block; padding:15px; border:#ccc solid 1px; border-radius:3px; margin-bottom:20px; background:#fff;}
.authentication h4 				{ color:#333; font-size:13px; font-weight:bold; text-align:center; padding-bottom:15px; display:block; line-height:22px;}
.auth_det						{ display:block; padding:10px 0;}
.auth_det h3 					{ font-size:20px; padding-bottom:15px; color:#666; text-align:center;}
.auth_det h3 b 					{ font-weight:bold; color:#080;}
.otp_panel						{ margin:15px auto; width:270px;}
.otp_panel input[type="text"]		{ width:150px; padding:10px; border:#999 solid 1px; border-radius:3px; box-shadow:#ddd 0 1px 2px inset; float:left;}
.otp_panel button 				{ background: #060; background: -moz-linear-gradient(top, #060 0%, #080 100%);
background: -webkit-linear-gradient(top, #060 0%,#080 100%); background: linear-gradient(to bottom, #060 0%,#080 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060', endColorstr='#080',GradientType=0 ); padding:10px 15px; font-size:13px; font-weight:bold; color:#fff; font-family:verdana; display:block; float:left; border:none; margin-left:10px; border-radius:3px;}
.otp_panel a 					{ display:block; text-align:center; font-size:13px; font-weight:bold; margin:10px 0 0 0; float:left; width:100%; text-decoration:none;}
.restriction					{ display:block; padding:15px; border:#ebccd1 solid 1px; border-radius:3px; background:#f2dede;}
.restriction h4 					{ color:#a94442; font-size:13px; font-weight:bold; text-align:center; padding-bottom:15px; display:block; line-height:22px;}

.access_login					{ margin: 10px 0;font-size:14px;}
.login_form					{ font-size:14px; }
.login_form .hd					{ width: 100%; font-weight:bold;}
.login_form label					{ width: 100%; display: block;margin: 5px 0; float: left;}
.login_form label > span				{ width: 90px; padding: 10px 0 0; float: left;}
.login_form label > .input				{ max-width:250px; width:70%; padding:10px; border:#999 solid 1px; border-radius:3px; box-shadow:#ddd 0 1px 2px inset;  font-size:14px; float: left;}
.login_form .btnlogin				{background: #060; background: -moz-linear-gradient(top, #060 0%, #080 100%);
background: -webkit-linear-gradient(top, #060 0%,#080 100%); background: linear-gradient(to bottom, #060 0%,#080 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060', endColorstr='#080',GradientType=0 ); padding:10px 15px; font-size:13px; font-weight:bold; color:#fff; font-family:verdana; display:block; float:left; border:none; border-radius:3px;}

.err_box						{color: #a94442;display: none;font-size: 14px;font-weight: bold;margin: 0;padding: 2px 0;width: 100%;}
.rd_loader					{display:none; padding: 4px 6px; float:left;}
.clearall						{clear: both;}

.footer 							{ background:#fff; padding:15px 0; border-top:#ccc solid 1px; display:block; width:100%; float:left; position:fixed; left:0; bottom:0; z-index:9;}
.footer p 						{ color:#666; font-size:13px; display:block; text-align:center;}
.img-icon						{ max-width: 128px !important; padding: 10px; }

@media only screen and (max-width: 1100px) {
	.container 					{ width:100%;}
	.top_rgt					{ width:200px;}
	.top_lft 					{ width:calc(100% - 240px);}
	.act_file,
	.authentication,
	.restriction				{ margin:10px 15px; float:left; width:calc(100% - 70px);}
	.act_file h3					{ width:calc(100% - 162px)}
}

@media only screen and (max-width: 900px) {
	.top_lft,
	.top_rgt					{ width:100%;}
	.top_rgt 					{ margin:15px 0 0 0;}
	.top_rgt a 					{ margin: 0 10px 0 0 !important; float:left !important;}
	.footer { position:relative; }
	.main_cont					{ padding:20px 0;}
}

@media only screen and (max-width: 600px) {
	.act_file em					{ width:100px;}
	.act_file h3					{ width:calc(100% - 112px); font-size:14px; line-height:20px;}
	.act_file h3 a 				{ font-size:12px;}
	.top_rgt a					{ float:none !important; width:100% !important; margin: 0 0 10px 0 !important; padding:10px 0 !important; display:block; text-align:center}
	.auth_det h3					{ font-size:15px; line-height:24px; padding-bottom:10px;}
	.access_login				{ width: 100%; margin: 10px 20px;font-size:14px;}
	.act_file h3					{ width:100%;}
}