@charset "utf-8";
/* CSS Document */

/*                登入頁樣式設定
=====================================================*/

body {
	position:relative;
	height:100%;
	background:#ffffff ;
	font-family: "微軟正黑體",Tahoma, Arial, 
	sans-serif; width:100%;}

*{margin:0; padding:0;}

img {border:0;}

a{color: #4BA9BA; cursor: pointer;
outline: none; /* Firefox,Chrome */
hlbr: expression(this.onFocus=this.blur()); /* IE */}
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #7b7c81;}
a:hover {text-decoration: none; color: #999999;}
a:active {text-decoration: none;color: #7b7c81;}
/* remember to define focus styles! */

:focus {outline: 0 !important; }

#main {width:100%;
	margin:0 auto;}

#main #mainbox {
	clear:both; 
	float:none; 
	position:relative; 
	width:565px; 
	height:290px;
	background: url(../images/bg_mainbox.png) no-repeat; 
	margin:175px auto 0; }

#main #mainbox .logo {
	width:280px; 
	height:65px; 
	background:url(../images/login_logo.png) no-repeat; 
	position:absolute; 
	float:left; top:9px; 
	left:10px;}

#main #mainbox .logo em { 
	display:none;}

#main #mainbox .info {
	width:200px; height:65px; 
	background:url(../images/login_info.png) no-repeat; 
	position:absolute; 
	float:right; 
	top:5px; right:15px;}

#main #mainbox .info em { 
	display:none;}

#main #mainbox .loginbox { 
	width:290px; 
	position:relative;
	top:104px;
	margin:0 auto;
	_top:50px}

#main #mainbox .loginbox p.img{ 
	float:left; 
	margin:0 0 0 160px; }

#main #mainbox .copyright { 
	position:absolute; 
	font-size:0.6875em; 
	color: #999999; 
	float:right; 
	top:293px; 
	right:8px;}

#main #mainbox .copyright img{ 
	vertical-align:bottom; 
	padding:0 0 0 3px}

#mainbox p {
	clear:both; 
	float:none; 
	height:40px;_padding:3px 0;}

#mainbox p input { 
	_text-align:right;}


/* 登入表單設定 -
-------------------------------------*/
p label { float:left; padding:5px ; display:inline;font-size:0.9375em; font-weight:bold;color:#000; margin-right:10px; }
p INPUT[type="text"],INPUT[type="password"] {color:#555555; text-align:center; padding:5px; float:right; margin-right:15px; font-family:"微軟正黑體";
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
p input[type="radio"] { margin:2px 2px 0 0px; padding: 0; /*for ie*/outline:none; border:none !important; background:none; float:left}
p INPUT.InputTxt {background:url(../images/input.png) 0 0 repeat-x;border: #DBE6E6 1px solid !important; color: #999999; text-align:left;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float:left; width:200px; font-family:"微軟正黑體";}

/*************************************************************************************************
 │DISP V6.0 All Rights Reserved. │ Polly Liu │ www.uTrust.com.tw │ contact@utrust.com.tw │
*************************************************************************************************/


/* edit css */
body{
background:
linear-gradient(to right, rgba(0,82,156,1) 0%,rgba(0,82,156,0.99) 1%,rgba(0,82,156,0.7) 30%,rgba(0,82,156,0) 100%),
url(../images/bk.jpg) no-repeat
}

#main #mainbox{
	background: #FFF;
	width: 690px;
    height: 340px;
    box-shadow: 4px 4px 12px 4px rgba(18, 18, 18, 0.5);
   }
#main #mainbox .logo {
    width: 184px;
    height: 212px;
    background: url(../images/newlogo.png) no-repeat;
    position: absolute;
    float: left;
    top: 46px;
    left: 52px;
}
#main #mainbox .contact{
	position: relative;
    width: 283px;
    height: 340px;
    background:linear-gradient(to right, rgba(204,204,51,0.95) 0%,rgba(204,204,51,0.52) 100%), url(../images/logobk.png) no-repeat;
}
#main #mainbox .contact .information{
	position: absolute;
    top: 278px;
    left: 32px;
    font-size: 0.75em;
    letter-spacing: 1px;
}
#main #mainbox .contact .information p{
	height: 22px;
}
#main #mainbox .loginbox {
    position: absolute;
    top: 110px;
    left: 327px;
}
p label {
    font-weight: normal;
    color: #555555;
}
#main #mainbox .loginword{
    position: absolute;
    top: 28px;
    left: 327px;
    display: inline;
}
#main #mainbox .loginword .title{
	display: inline;
    font-size: 1.6875em;
    font-weight: normal;
    font-family: 微軟正黑體;
    color: #00529c;
    letter-spacing: 1px;
    border-right: 1px solid #cccccc;
    padding: 0px 18px 0px 0px;
}
#main #mainbox .loginword .instructions{
	display: -webkit-inline-box;
    color: #666666;
    font-size: 0.75em;
    padding: 10px 0px 0px 15px;
    letter-spacing: 1px;
    line-height: 16px;
}
#main #mainbox .loginbox p.img {
    float: left;
    margin: 5px 0 0 0px;
}
#main #mainbox .copyright{
	right: 34px;
}
#main #mainbox .loginbox {
    width: 318px;
}
#mainbox .account{
	height: 32px;
	border-bottom: #d0d3dd 1px solid !important;
    margin-bottom: 10px;
}
p INPUT.InputTxt {
    background:#ffffff;
    border: #DBE6E6 0px solid !important;
	color:#7b7c81;
}
h1 {
	text-indent: -999999px;
}