@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
body,html{height:100%;}
body{
	margin:0;
	padding:0;/*
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #144573), color-stop(1, #153861));
	background:-moz-linear-gradient(top, #144573 5%, #153861 100%);
	background:-webkit-linear-gradient(top, #144573 5%, #153861 100%);
	background:-o-linear-gradient(top, #144573 5%, #153861 100%);
	background:-ms-linear-gradient(top, #144573 5%, #153861 100%);
	background:linear-gradient(to bottom, #144573 5%, #153861 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#144573', endColorstr='#153861',GradientType=0);
	*/
	background-color:#eee;
	
}
body, table, p, div, span, form, input, textarea, select, pre, button {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif ,Microsoft JhengHei,PMingLiU, AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; font-size:15px; line-height:1.5em;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a{color:#26bbf0;text-decoration:none}
a:focus,a:hover{color:#26bbf0; text-decoration:none;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

/*scrollbar*/
::-webkit-scrollbar{
	height:14px;
	overflow:visible;
	width:12px;
}
::-webkit-scrollbar-button{height:0;width:0;}
::-webkit-scrollbar-corner {background-color:transparent;}
::-webkit-scrollbar-track {
	background-color:#f8f8f8;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 2px 1px 2px 2px;
    min-height: 28px;
    padding: 100px 0 0;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0,0,0,.5);}
::-webkit-scrollbar-button {background-color: transparent}
::-webkit-scrollbar-corner {background-color: transparent;}

.clearfix{*overflow: hidden; *zoom: 1;}
.clearfix:after{display:table;content: ""; width: 0; clear: both;}

.login{
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:400px;
	min-height:350px;
	margin:50px auto;
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);
	box-shadow:0 0 10px 0 rgba(0,0,0,.1);
}
.login .logo-br{
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	background-image:url(../images/index-topbg-re.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.login .logo{
	background-image:url(../images/accton-login-logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:90px;
}
.login .fill{ padding:30px;}
.login .fill .input-group{
	border:1px solid #ddd;
	position:relative;
	padding-left:95px;
	margin-bottom:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
}
.login .fill .input-group .icon{
	position: absolute;
	top:0;
	left:0;
	background-color:#eee;
	width:95px;
	height:40px;
	line-height:40px;
	padding:0 5px;
	border-right:1px solid #ddd;
	white-space: nowrap;
	letter-spacing: normal;
}
.login .fill .input-group .icon:before{
	content:"";
	background-image:url(../images/system_icon.png?version=20211104);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	display: inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.login .fill .input-group .people:before{background-position:0 -32px;}
.login .fill .input-group .password:before{background-position:0 -336px;}
.login .fill .input-group .company:before{background-position:0 -752px;}
.login .fill .input-group .domain:before{background-position:0 -320px;}
.login .fill .input-group .icon > .text{
	color:#0093cd;
	font-size:12px;
	line-height:12px;
	height:12px;
	display:inline-block;
	vertical-align:middle;
}

.login .fill .input-group select,
.login .fill .input-group input{
	border:none;
	margin:0;
	height:40px;
	width:100%;
	padding:0 5px;
}
.login .fill .input-group select{
	position:relative;
	margin:0;
}
.login .fill .input-group select:focus,
.login .fill .input-group input:focus{background-color:#fff9e4;}
/* Captcha */
.login .fill .input-group.captcha{
	letter-spacing:-5px; 
	position: relative;
}
.login .fill .input-group.captcha input,
.login .fill .input-group.captcha .BDC_CaptchaDiv {
	display: inline-block;
	vertical-align: top;
	letter-spacing:normal; 	
}
.login .fill .input-group.captcha .BDC_CaptchaDiv{
	display: none;
}
.login .fill .input-group.captcha input{
	width:calc(100% - 120px);
}
.login .fill .input-group .captcha:before{
	background-position:-16px -512px;
}
.login .fill .input-group.captcha .captcha_refresh{	
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 0;
	right: 0;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	display:inline-block;	
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border:1px solid #dcdcdc;	
}
.login .fill .input-group.captcha .captcha_refresh > a{
	display: block;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	font-size: 12px;
	cursor:pointer;
	text-align: center;
	color: #444;
}
.login .fill .input-group.captcha .captcha_refresh a::before {
    font: normal normal normal 14px/19px FontAwesome;
    content: "\f021";
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: 400;
    position: absolute;
    top: 0;
    letter-spacing: 1px;
	color: #444;
}
.login .fill .error{
	background-color:#ffebec;
	border:1px solid #d9534f;
	color:#d9534f;
	padding:5px 5px 5px 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	margin:10px 0;
}
.login .fill .error:after{
	content:"";
	width:40px;
	height:32px;
	background-image:url(../images/icon_15.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}
.login .fill .button-box{
	text-align:center;
}
.login .fill .button-box .botton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.login .fill .button-box .botton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.login .fill .button-box .botton:active {
	position:relative;
	top:1px;
}
/*
.hover_text{
	position:relative;
	cursor:pointer;
	text-align:center;
}
.hover_text > i {
	position:absolute;
	background-color:rgba(34,34,34,.9);
	color:#fff;
	text-shadow:none;
	font-size:13px;
	line-height:24px;
	font-weight:bold;
	padding:0 10px;
	visibility:hidden;
	left:0;
	white-space:nowrap;
	opacity:0;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-ms-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	z-index:10;
}
.hover_text > i:after{
	bottom:100%;
	left:12px;
	border:solid transparent;
	content:"";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(0,0,0,0);
	border-bottom-color:rgba(34,34,34,.9);
	border-width:5px;
	margin-left:-5px;
}
.hover_text:hover > i {
	visibility:visible;
	opacity:1;
}
.hover_text > i.left{
	right:calc(100% + 7px);
	top:50%;
	margin-top:-12px;
	left:auto;
}
.hover_text > i.left:after{	
	right:auto;
	left:100%;
	top:12px;
	border-color:rgba(0,0,0,0);
	border-left-color:rgba(34,34,34,.9);
	margin:0;
	margin-top:-5px;
}
*/