/* @charset "UTF-8";
body {
	font-family: Arial, sans-serif; font-size: 11px;
	margin: 0; padding: 0; border: none; background: #fff; color: #000;
}div, img, p, span, ul { border: none; padding: 0; margin: 0; }

.wrapper {
	float: left; width: 100%; height: 100%; position: relative; left: 0; top: 0;
}
	.bg { position: fixed; left: 0; top: 0; width: 100%; min-width: 1200px; }

	.center { width: 960px; margin: 0 auto; position: relative; left: 0; top: 0; }
		.logo { position: absolute; left: 0; top: 40px; }
	
		ul.lang { position: absolute; right: 0; top: 20px; list-style: none; }
			ul.lang li { float: left; margin-right: 3px; cursor: pointer; opacity: 0.4; }
				ul.lang li img { float: left; }
			ul.lang li.selected { cursor: default; opacity: 1; }
		
	.loginArea {
		position: absolute; left: 50%; top: -435px; width: 255px; height: 300px; opacity: 0;
		background: url("../images/bg_login.png") no-repeat; padding: 40px 90px 90px; margin-left: -217px; margin-top: -217px;
		-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
	}
	.loginAreaAfter { top: 50%; opacity: 1; }
	.errorInForm { background: url("../images/bg_login_error.png") no-repeat; }
		
		.loginArea img.title { float: left; margin: 5px 56px 22px; }
		.loginArea img.errorTitle { display: none; float: left; margin: 13px 0; }
		.loginArea form { float: left; }
			.loginArea form input {
				float: left; width: 245px; font-size: 18px; color: #363535; height: 22px;
				margin: 4px 0 4px -5px; padding: 9px 10px; border: none; background: #fff; text-align: center;
			}
			.loginArea form input:focus { outline: #000 ridge thin; }
		
		.loginArea form input.submit {
			background: transparent; margin: 22px 0 0; padding: 0; cursor: pointer;
			-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
		}
		.loginArea form input.trSubmit { margin-left: 54px; width: 146px; height: 37px; background: url("../images/btn_login_tr.png") no-repeat 0px -37px; }
			.loginArea form input.trSubmit:hover { background-position: 0px 0px; }
			
		.loginArea form input.enSubmit { margin-left: 73px; margin-top: 30px; width: 109px; height: 26px; background: url("../images/btn_login_en.png") no-repeat 0px -26px; }
			.loginArea form input.enSubmit:hover { background-position: 0px 0px; }
			
		.loginArea form input.submit:active { margin-top: 25px; }
		
		.placeHolder {
			position: absolute; width: 235px; font-size: 18px; color: #363535; height: 22px; left: 90px; top: 265px;
			margin: 4px 0; padding: 9px 10px; border: none; background: #fff; text-align: center;
		}
		.popUpTrigger {
			position: absolute; color: #fff; left: 358px; top: 282px; font-size: 20px; cursor: pointer;
		}
		.popUpHolder { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; }
			.popUpHolder img { float: left; position: absolute; left: 50%; top: 50%; margin: -229px 0 0 -242px; }
		.popUpClose { width: 32px; height: 20px; text-align: center; position: absolute; right: 30px; top: 30px; font-size: 18px; background-color: #74cb1d; color: #fff; padding: 4px 0; border-radius: 5px; cursor: pointer; }
			.popUpClose:hover { color: #000; background-color: #fff; }
		
	.footer {
		float: left; position: fixed; bottom: -148px; left: 0; width: 100%; height: 148px;
		background: url("../images/bg_footer_pattern.png") repeat; opacity: 0;
		-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
	}
	.footerAfter { bottom: 0px; opacity: 1; }
		.footer .legal { color: #fff; font-size: 11px; font-weight: normal; margin-top: 18px; }
			.footer .legal b { font-weight: bold; font-size: 16px; }
	
	
	.connected { margin: 0px 0 0 29px; }
	.directing { margin: 5px 0 0 30px; }
	.connectedGlobal { margin: 44px 0 0 -22px; }

	.iphoneBtn { display: none; cursor: pointer; width: 314px; height: 45px; position: fixed; left: 50%; margin-left: -157px; bottom: 30px; background: url("../images/iphone_btn.png") no-repeat; }
	.fl { float: left; }
	
	.btnsRevision { float: left; display: none; }
		.btnsRevision .btnRev { float: left; margin-left: -42px; }
	.title_rev { float: left; margin: 10px 33px 10px; }
	.loginArea img.title { margin-bottom: 10px; }


 */



 @charset "UTF-8";
body {
	font-family: Arial, sans-serif; font-size: 11px;
	margin: 0; padding: 0; border: none; background: #fff; color: #000;
}div, img, p, span, ul { border: none; padding: 0; margin: 0; }

.wrapper {
	float: left; width: 100%; height: 100%; position: relative; left: 0; top: 0;
}
	.bg { position: fixed; left: 0; top: 0; width: 100%; min-width: 1200px; height: 100%; }

	.center { width: 960px; margin: 0 auto; position: relative; left: 0; top: 0; }
		.logo { position: absolute; left: 0; top: 40px; }
	
		ul.lang { position: absolute; right: 0; top: 20px; list-style: none; }
			ul.lang li { float: left; margin-right: 3px; cursor: pointer; opacity: 0.4; }
				ul.lang li img { float: left; }
			ul.lang li.selected { cursor: default; opacity: 1; }
		
	.loginArea {
		position: absolute; left: 50%; top: 30%; width: 255px; height: 300px; opacity: 1;
		background: url("../images/bg_login.png") no-repeat; padding: 40px 90px 90px; margin-left: -217px; margin-top: -217px;
		-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
	}
	.loginAreaAfter { top: 50%; opacity: 1; }
	.errorInForm { background: url("../images/bg_login_error.png") no-repeat; }
		
		.loginArea img.title { float: left; margin: 5px 56px 22px; }
		.loginArea img.errorTitle { display: none; float: left; margin: 13px 0; }
		.loginArea form { float: left; }
			.loginArea form input {
				float: left; width: 245px; font-size: 18px; color: #363535; height: 22px;
				margin: 4px 0 4px -5px; padding: 9px 10px; border: none; background: #fff; text-align: center;
			}
			.loginArea form input:focus { outline: #000 ridge thin; }
		
		.loginArea form input.submit {
			background: transparent; margin: 22px 0 0; padding: 0; cursor: pointer;
			-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
		}
		.loginArea form input.trSubmit { margin-left: 54px; width: 146px; height: 37px; background: url("../images/btn_login_tr.png") no-repeat 0px -37px; }
			.loginArea form input.trSubmit:hover { background-position: 0px 0px; }
			
		.loginArea form input.enSubmit { margin-left: 73px; margin-top: 30px; width: 109px; height: 26px; background: url("../images/btn_login_en.png") no-repeat 0px -26px; }
			.loginArea form input.enSubmit:hover { background-position: 0px 0px; }
			
		.loginArea form input.submit:active { margin-top: 25px; }
		
		.placeHolder {
			position: absolute; width: 235px; font-size: 18px; color: #363535; height: 22px; left: 90px; top: 265px;
			margin: 4px 0; padding: 9px 10px; border: none; background: #fff; text-align: center;
		}
		.popUpTrigger {
			position: absolute; color: #fff; left: 358px; top: 282px; font-size: 20px; cursor: pointer;
		}
		.popUpHolder { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; }
			.popUpHolder img { float: left; position: absolute; left: 50%; top: 50%; margin: -229px 0 0 -242px; }
		.popUpClose { width: 32px; height: 20px; text-align: center; position: absolute; right: 30px; top: 30px; font-size: 18px; background-color: #74cb1d; color: #fff; padding: 4px 0; border-radius: 5px; cursor: pointer; }
			.popUpClose:hover { color: #000; background-color: #fff; }
		
	.footer {
		float: left; position: fixed; bottom: -148px; left: 0; width: 100%; height: 148px;
		background: url("../images/bg_footer_pattern.png") repeat; opacity: 0;
		-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
	}
	.footerAfter { bottom: 0px; opacity: 1; }
		.footer .legal { color: #fff; font-size: 11px; font-weight: normal; margin-top: 18px; }
			.footer .legal b { font-weight: bold; font-size: 16px; }
	
	/*.loginArea img.lang_tr, .footer p.lang_tr { display: none; }*/
	
	.connected { margin: 0px 0 0 29px; }
	.directing { margin: 5px 0 0 30px; }
	.connectedGlobal { margin: 44px 0 0 -22px; }

	.iphoneBtn { display: none; cursor: pointer; width: 314px; height: 45px; position: fixed; left: 50%; margin-left: -157px; bottom: 30px; background: url("../images/iphone_btn.png") no-repeat; }
	.fl { float: left; }
	
	.btnsRevision { float: left; display: none; }
		.btnsRevision .btnRev { float: left; margin-left: -42px; }
	.title_rev { float: left; margin: 10px 33px 10px; }
	.loginArea img.title { margin-bottom: 10px; }



.qr{
	display: none;
	position: absolute;
    bottom: calc((4vw + 3vh)/2);
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;	
	color: white;
    font-size: 1.3vw ;
    max-width: 900px;
}


.qr img{
	width: 14vh;
    height: 14vh;
}


  @media only screen and (max-width: 1920px) {
	.loginArea {
	  zoom: .9;

	}
  }

  @media only screen and (max-width: 1440px) {
	.loginArea {
	  zoom: .6;

	}
  }


  @media only screen and (max-width: 1366px) {
	.loginArea {
	  zoom: .6 ;

	}
  }


  @media only screen and (max-width: 1024px) {
	.loginArea {
		top: 50%;
	  	zoom: 1 ;
	}
	.title_rev {
		margin: 60px 33px 10px;
	}
  } 
  @media only screen and (max-width: 600px) {
	.loginArea {
		top: 50%;
	  	zoom: .8 ;
	}
  } 
  @media only screen and (max-width: 320px) {
	.loginArea {
		top: 50%;
	  	zoom: .7 ;
	}
  }