html,body{height:100%;}
body{font:13px/1.231 arial,sans-serif;color:#4d5660;background:#f7f7f7;*font-size:small;*font:x-small;}
.header,.content,.footer,.webcontent{position:relative;width:900px;margin:0 auto;padding:0;}
.header{height: 80px;padding: 5px 0;}
.header .cat_link{text-decoration:none;color:#C84000;}
.header .catalogue{position:absolute;bottom:10px;right:215px;font-size:90%;letter-spacing:1px;}
.header .select-language{position:absolute;bottom:10px;right:15px;font-size:90%;letter-spacing:1px;}
.header #main_title{position:absolute;bottom:10px;left:0px;width:221px;height:53px;background:url(../images/company_logo.png) no-repeat 0 100%;overflow:hidden;}
.header #main_title a{display:block;width:221px;height:53px;padding:0 300px 0;}
.content{width: 898px;height: 372px;background: url(../images/logo_itc_login.png) no-repeat 20px 15px;background-size: 479px;}
.content h2 {
	position: relative;
	font-size: 180%;
	font-weight: normal;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	color: #4D5660;
	vertical-align: middle;
	border-radius: 10px 10px 0px 0px;
	background:#EEE;
	background: linear-gradient(to bottom, #FCFCFC 0%, #F8F8F8 7%, #EEE 22%, #EAEAEA 100%) repeat scroll 0% 0% transparent;
	text-align: center;}
.content .login-box, .content .login-box-social{float: right;width: 29%;/* height: 282px; */background: #fff url(../images/login/bg_login.png) repeat 0 0;padding: 0;margin: 22px 20px;border: 1px solid #ccc;border-radius: 10px;}
@-moz-document url-prefix() {
	.content #login_confirm .login-line i{
		padding: 10px 10px 9px 10px!important;
	}
	.content #login_confirm .login-line i.fa-key{
		padding: 10px 9px 9px 9px!important;
	}
}
.content #login_confirm .login-line i{float: left;padding: 9px 10px;border: 1px solid #ccc;border-radius: 5px 0 0 5px;margin-top: 4px;background: #f7f7f7;}
.content #login_confirm .login-line i.fa-key{padding: 9px;}
.content #login_confirm{margin: 20px 19px;padding: 0;}
.content #login_confirm p,.content #login_confirm div {margin-top: 15px;}
.content #login_confirm label {font-size:90%;font-weight:bold;margin:0 10px 4px 0;}
.content #login_confirm input.textfield {font-size: 100%;font-weight: normal;margin: 4px 0;padding: 8px;width: 171px;border: 1px solid #ccc;border-left: 0;border-radius: 0 5px 5px 0;}
.content #login_confirm input#login{cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#4D5660;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding: 5px 10px;
	margin-bottom: 12px;
	margin-left: 163px;}
.content #login_confirm input#login:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.content #login_confirm input#login:focus{
	position:relative;
	top:1px;
	outline:0;
}
.content #social_login{padding: 10px 20px 10px;background: #f7f7f7;}
.content #social_login span{ font-weight: bold;color:#4d5660; line-height: 21px;}
.content #social_login a{ margin: 0 4px;}
.content #social_login img{ height: 22px; }
.content #service_msg{font-size:90%;position:relative;width:100%;}
.content .logout{display: block;padding: 3px 18px;background: #4D5660;color: #fff;border-radius: 0 0 10px 10px;}
.content .login_failed{display:block;color:#ffffff;background:none repeat scroll 0% 0% rgba(210, 83, 83, 1);padding:3px 18px;border-radius: 0 0 10px 10px;margin-top: -14px;border-bottom: 1px solid #ccc; }
.content .homecatalogue{position:absolute;top:15px;left:25px;font-size:90%;letter-spacing:1px;padding:5px;background-color:#C84000}
.content .homecatalogue a{text-decoration:none;color:#ffffff}
.content .homecatalogue a:hover{text-decoration:underline;}
.footer{background: #4d5660;height: 23px;font-size: 90%;border-radius: 4px;}
.footer #link{margin-top: 0px;padding: 5px 16px 4px;}
.footer a{text-decoration:none;color:#fff;}
.footer a:hover{text-decoration:underline;}
.footer #link a.first{font-weight:bold;padding:0 6px 0 0;margin:0 3px 0 0;border-right:1px solid #ffffff;}
.footer .copyright{position:absolute;bottom:4px;right:16px;color:#fff;}
.webcontent .box {margin:10px 0px;}
.webcontent h3 {color: #4d5660;
margin: 15px 0px 0px;
background-color: #F1F5F9;
border: 1px solid #E0E4E8;
border-radius: 5px 5px 0px 0px;
font-size: 140%;
text-transform: uppercase;
font-weight: normal;
border-width: 1px 1px 0px;
border-style: solid solid none;
border-color: #E0E4E8 #E0E4E8 -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
padding: 10px;
text-align: center;}
.webcontent .text {
margin: 0px;
padding: 10px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #E0E4E8;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 0px 0px 5px 5px;
}
.webcontent p {margin:0 0 6px;}
/* XXX:register class ======================================*/
.reg_note{font-weight:bold;margin:1em 0 0;padding:0.20em;}
.reg_form{padding:0.40em;}
.reg_title_privacy{margin:24px auto 4px;padding:0.20em;width:70%;color:#ffffff;;font-weight:bold;}
.privacy_box{margin:0 auto;padding:0.40em;width:90%;max-height:150px;overflow:auto;background:#ffffff;border:1px solid #C84000;}
.reg_form_button{text-align:right;margin:0 auto;padding:0.40em;}
.reg_button{cursor:pointer;font-weight:bold;}
ul.reg_instruction{margin:0.20em 0.20em 1em;padding:4px 12px 4px 24px;}
ul.reg_instruction li{list-style-type:square;margin:2px;}
.reg_err_data{margin:0.40em;padding:0.40em;color:#ff0000;font-weight:bold;border:1px solid #ff0000;}
.reg_success{margin:0.40em;padding:0.40em;;border:1px solid #ffffff;}
.lostpwd_box{margin:1em;padding:0.60em 0.60em 0 0.60em;}
.lostpwd_logo{margin:0 0.40em;padding:0;}
.lostpwd_box span{font-weight:bold;}
.form_right{margin:0.60em 0 0 0;padding:0.40em;text-align:right;color:#ffffff;font-weight:bold;background:#C84000;}
.form_right .textfield{margin:0 14px; width:auto; padding:0; border:1px solid #4180ac;}