* {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    /* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Anton', sans-serif;
}
li {
    list-style: none;
}
.clr, .clear {
    clear: both;
}
input {
    font-family: Helvetica;
}
.navbar a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}
.navbar a:hover {
    text-decoration: underline !important;
    background-color: #337ab7 !important;
}
.welcome {
    font-size: 20px;
}
 .dangkytaikhoan {
    font-size: 20px;
    padding: 10px 25px;
    width:50%;
    

}
.welcome {
    font-weight: bold;
}
.social {
    margin: auto;
    margin-top: 20px;
    border-top: 1px solid #f2f2f2;
    padding: 10px 0 0 0;
    text-align: center
}
.social ul {
    margin-top: 20px;
}
.social ul li {
    display: inline-block;
    margin-right: 20px;
}
.social ul li a {
    color: #779324;
    font-size: 21px;
    display: block;
    padding: 1px 0 0 34px;
    text-decoration: none;
}
.social ul li a:hover {
    text-decoration: underline;
}
.social ul li .fb {
    background: url(../images/fb-ico.png) no-repeat top left;
}
.social ul li .gg {
    background: url(../images/gg-ico.png) no-repeat top left;
}
.social ul li .tw {
    background: url(../images/tw-ico.png) no-repeat top left;
}
.loginForm {
    border: 1px solid #ccc;
}
.footlink  li {
    display: inline;
}
.footer {
    margin-top: 100px;
}
.main {
    min-height: 600px;
}
.form {
    border: 1px solid #ccc;
}
.formTitle {
    padding: 15px 20px;
    font-size: 20px;
    font-weight: bold;
}
.formContent {
    padding: 20px 35px;
    background:#f2f2f2;
}
.registerForm {
    width: 500px;
    margin: auto;
}
.formContent input[type='text'], .formContent input[type='password']{
    padding: 15px 10px;
    font-size: 18px;
    height:45px;
}
.formContent input[type='submit']{
    font-size: 18px;
    height:45px;
    width:100%;
}
.inputCaptcha {
    width: 166px;
}
.content-tab {
    display: none;
}
.content-tab.active {
    display: block;
}
.card-type {
    display: inline;
    margin-right: 20px;
    text-transform: uppercase
}
.viettel {
    color: green;
}
.vina {
    color: #029cd6;
}
.mobi {
    color: red;
}
.gate {
    color: #990000
}
.vtc {
    color: orange;
}
.chargeForm {
    width: 600px;
    margin: auto;
}
.bordered {
    border: 1px solid #ccc;
}
.padding20 {
    padding: 20px;
}
.width600 {
    width: 700px;
    margin: auto;
}
.login-btn {
    width:100%;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
label {
    font-size:18px;
}