html, body{ margin: 0; padding:0; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; width: 100%; height: 100%; background:#a5d5eb url(../IMG/bgCNTT8.jpg) no-repeat 0 0; background-position: right; overflow:hidden;}
#swapper_login{ width: 605px; height:311px; background: url(../IMG/bg_login_1.png) no-repeat 0 0; position: absolute; left: 50%; top: 45%; margin-left: -302px; margin-top: -150px; }
#swapper_login .shadow{ width: 605px; height:35px; background: url(../IMG/shadow.png) no-repeat center 0; position: absolute; left:0; bottom: -45px;}
#swapper_login .name_product{ width: 254px; height: 65px; background:url(../IMG/name_Product.png) no-repeat 0 0; position: absolute; right: 0; top: -70px;}
#swapper_login .swap_input_login{ width: 563px; height: 268px; background:url(../IMG/bg_login_2.png) no-repeat 0 0; margin: 21px 0 0 21px; float:left; position: relative;}

#swapper_login .swap_input_login .swap_form{position: absolute; right: 15px; bottom:15px; text-align: left; width: 330px; } 
#swapper_login .swap_input_login .swap_form .title{ font-weight:bold; font-size: 18px; color:#01549b; padding-bottom:10px; width:auto; font-family: Arial; } 
#swapper_login .swap_input_login .swap_form .label{ color:#01549b; text-transform: uppercase; float: left; padding:0px; float: left; margin: 0px 0 0 0; font-size: 13px; display: block; width: 120px; text-align:right; }
#swapper_login .swap_input_login .swap_form .swap_input{ width: 192px; height: 23px; background: url(../IMG/bg_input_login.png) no-repeat 0 0; margin-left: 15px; margin-bottom: 7px; position: relative; float: right; }  
#swapper_login .swap_input_login .swap_form .swap_input input{ width: 186px; float: left; background: none; margin:0; padding:0px;  border: none; position: absolute; left:3px; top: 3px; }
#swapper_login .swap_input_login .swap_form .link_button{ width: 67px;  height: 27px; padding: 6px 0 0 15px; background: url(../IMG/bg_button.png) no-repeat 0 0; text-decoration: none; text-transform: uppercase; color:#fff; float: right; clear: right; position: relative; margin-right: 15px;cursor: pointer; text-align : center; }
#swapper_login .swap_input_login .swap_form .link_button span.nav_right{ width: 15px; height:27px; background: url(bg_button.png) no-repeat right 0; position: absolute; right: -15px; top:0; cursor: pointer;}

#swapper_login .swap_input_login .swap_logoSoftware{ height: 72px; background: url(../IMG/bg_logo_software.png) no-repeat 0 0; position: absolute; right: 1px; top: 25px; float: left; padding-right: 5px; margin:0}
#swapper_login .swap_input_login .swap_logoSoftware .logo_VHRO{ width: 57px; height: 51px; background: url(../IMG/LogoHVQY2.png) no-repeat 0 0; position:absolute; top:-13px; right:15px;}
#swapper_login .swap_input_login .swap_logoSoftware .version{ color:#c90101; font-weight: bold; margin: 20px 0 0 13px; font-size: 10pt}
#swapper_login .swap_input_login .swap_logoSoftware .version span{color:#363636; font-size: 11px; padding-right: 0px; font-weight: normal;}
/* Dòng thứ 2 - Top */
#swapper_login .swap_input_login .swap_logoSoftware ul{ clear: both; margin: 9px 0 0 9px; padding:0; list-style: none; float: left; font-size: 11px; font-weight: bold } 
#swapper_login .swap_input_login .swap_logoSoftware ul li{ margin:0; padding:0 9px 0 8px; background: url(line.png) no-repeat right center; width: auto; float: left; color:#363636; }

#swapper_login .version{ color:#02387f; float:left; width:auto; margin-left: 15px; margin-top: 0px;}  
#swapper_login .copy{ color:#686868; float:right; width:auto;font-size: 11px; font-family: Arial; position: absolute; left: 35px; bottom: 35px; }
#swapper_login .copy a{ text-decoration: none; }  
#swapper_login .copy a:hover{ text-decoration: underline; color:#01549b;}
.Transparent
{
	background: transparent;
}