﻿*{
	margin: 0;
	padding: 0;
}
html,body{
	height: 100%;
}
#layout_page{
	height: 100%;
	width: 100%;
	display: flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	justify-content: center;
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#layout_page_cont{
	width: 100%;
}
.login_layout{
	margin: auto;
}
.login_body{
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 20% 0 8%;
	box-sizing: border-box; 
}
.login_left{
	float: left;
	margin: 20px 20px 20px 0;
	width: calc(100% - 350px);
}
#account_left_cont{
	width: 100%;
	position: relative;
}
.login_right{ 
	float: left;
	color: white;
	padding: 40px 0;
	box-sizing: border-box;
}
/*登录页面表单cont 间距*/
input.textEntry,input.passwordEntry{
	width: 180px;
	border: 1px solid #ccc;
	padding: 8px 8px 8px 25px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 17px;
}
.loginDisplay a:link{
	color: white;
}
.loginDisplay a:visited{
	color: white;
}
.loginDisplay a:hover{
	color: white;
}
.failureNotification{
	padding: 15px 5px 5px 5px;
	position: relative;
	color: Red;
	width: 118px;
	height: 45px;
	text-align: left;
	vertical-align: middle;
	z-index: 20;
	font-size: 12px;
}
.failureNotification_confirm{
	padding: 15px 5px 5px 5px;
	position: relative;
	color: Red;
	width: 190px;
	height: 45px;
	text-align: left;
	vertical-align: middle;
	z-index: 20;
	font-size: 12px;
}
.failureNotification_msg,.failureNotification{
	color: Red;
}

/*文本域*/
.login_right_cont textarea{
	padding: 2px;
}
.main-toolbar{
	background: none;
	border-bottom: 0;
	padding: 20px 0;
	box-sizing: border-box;
}
#div_layout{
	margin-bottom: 10px;
}
.footer div{
	font-size: 12px;
}
.footer{
	padding: 20px 0;
	box-sizing: border-box;
}
/*左边的canvas*/
#myCanvasContainer{
	float: left;
	text-align: center;
}
/*canvas右边的login*/
#login_left_product_login{
	position: absolute;
	right: 0px;
	top: 15px;
}
#login_left_product_login div{
	display: inline-block;
}
#login_left_product_login div a{
	display: inline-block;
}
#login_left_product_login img{
/*	max-width: 100%;
	max-height: 240px;
	width: 200px;*/
}
#login_page_product_name{
	padding-left: 10px;
	font-size: 20px;
}
#login_page_product_name+img{
	width: 100px!important;
}
.login-left-clear-both-float{
	clear: both;
}
/*右上角菜单*/
#div_toolbar_login_right{
    width: 100%;
    text-align: right;
    margin-right: 50px;
}
#div_toolbar_login_right a{
	padding: 0 5px;
	vertical-align: middle;
}
.login-top-right-vertical-line{
	height: 18px;
	width: 2px;
	background: #000;
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
}
#select_language_btns{
	float: right;
	position: relative;
	height: 26px;
	line-height: 26px;
	text-align: center;
	padding: 0 5px;
	margin-right: 50px;
	width: 96px;
}
#select_language_btns div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size:16px;
}
#select_language_btns div i{
	font-size: 20px;
	padding-left: 10px;
}
#select_language_btns ul{
	position: absolute;
	top: 26px;
	width: 100%;
	display: none;
	left: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0px 0px 5px 5px;
	background: #fff;
	padding: 0px 8px 5px;
	box-sizing: border-box;
	z-index: 9;
}
#select_language_btns ul li{
	list-style: none;
	text-align: left;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
}
#select_language_btns ul li:last-child{
	border: none;
}
.checked-this-language,#select_language_btns ul li:hover{
	color: rgba(29,130,254,1);
}
/*右上角多语言的小图片*/
.multilingual_icon_pic{
	height: 16px; 
	vertical-align: middle
}
#select_language_btns ul li span{
	vertical-align: middle;
	padding-left: 3px;
}
span.password,
span.userID,
span.userPhoneNum{
	padding: 24px 0;
}
p.checkbox_msg{
	padding-top:15px;
	padding-bottom: 10px;
}
div.width_icon_input div.login-input-area{
	height: 40px;
}
div.login-input-area img.password-state{
	top: 9px;
}
@media(max-width: 1400px){
	.login_body{
		padding: 0 13% 0 5%;
	}
}

@media(max-width: 1000px){
	.login_body{
		padding: 0 1% 0 0;
	}
}

