﻿@charset "utf-8";
/* CSS 2016 Copyright by Do Nguyen Thanh Trieu  */
body{
	font-family:Arial, Helvetica, Verdana, Geneva, sans-serif;	
}
a,html,input,body,img,p,br,ul,li,h1,h2,h3,h4{
	text-decoration:none;
	margin:0;
	padding:0;
}
ul,li{
	list-style-type:none;
}
a:hover{
	cursor:pointer;
}
a:visited,a:link{
	color:inherit;
    decoration: none; 
}
/*--------------------------------------------------------------
*{word-wrap: break-word} >>> REPONSIVE
---------------------------------------------------------------- */
@media screen and (max-width: 1280px) and  (min-width: 1024px){
	
}
@media screen and (max-width: 1024px) and  (min-width: 970px){
	
}
@media screen and  (max-width: 970px) and (min-width:767px){
	
}
@media screen and (max-width:767px){
	.slide-left{display:none;}
}
@media screen and (min-width:320px) and (max-width: 480px) {
}
@media screen and (max-width: 380px) {
}
/*---- end Responsive base screen witdh ------- */
@font-face {
    font-family:myFONT;
    src:url(../font/Bebas.ttf);
	src: url(../font/Bebas.woff);
}
/*--------------------------------------------------------------
>>> WRAP-MAIN ; CONTAINER
---------------------------------------------------------------- */
body {
    background: url('../../image/bg.jpg') center no-repeat;
    color: #000;
    margin: 0;
    padding: 0;
}
.background {
	position:absolute;
	display:block;
	top:0;
	left:0;
	z-index:-999;
}
.logo-top{
	background: #eee;
	background: linear-gradient(#fff, #d0d0d0, #e8e8e8);
	padding:10px;
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.logo-top .mg-0{
	margin: 0!important;
}
.logo-top ul .logo-hd{
	text-align: center;
}
.logo-top ul .name-hd{
	text-align: center;padding: 0;
}
.logo-top ul .name-hd h1{
	color: #095f90;
    font-size: 120%;
    line-height: 42px;  
	margin: 0;
}
.vh-100{
	height: 100%;margin-top:50px;
}
.name-lg{
	text-align: center;
	padding: 10px 0 10px 0;
	font-size:150%;
	color:#095f90
}
.center-login{

}
.form-login{
	padding: 10px 20px;
	background:#fff;
	width: 100%;
	box-shadow: -5px 5px 20px #dedede inset;
}
.btn-100{
	width:100%;
	margin-top: -10px;
	height:60px;
	border-radius: 0 0 5px 5px!important;
	border-bottom: 5px solid #0055b1!important;
}
.img_LogoTruong{
    height:auto;
    width:auto;
}
.form-group{
    margin-bottom:30px !important;
}
.form-group-first{
    margin-top:30px;
}