html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-family: 'Roboto', sans-serif; font-size: 14px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
fieldset{border: 0; margin: 0; padding: 0;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse; border-spacing: 0;}
img{ border:0;}
a{text-decoration: none; color: #1890ff;}
*{box-sizing: border-box;}
div{display: block;}
input:focus{outline: 0px #6599FF solid; box-shadow: 0px 0px 5px rgba(0,122,255, 0.52);}
button:focus{outline: 0px #6599FF solid;}
body{background-color: #f9f9f9;}
.container{position: relative; width: 100%; height: 100vh;}
.login-main{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:480px; max-width:480px; border:1px #EBEBEB solid; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0,0,0, 0.05); padding: 20px 50px; background: #FFF;}
.login-head{position: relative; width:100%; text-align: center;}
.login-head h1{font-size: 28px; font-weight: 300; color: #000016; padding-bottom: 20px;}
.push-20t{padding-top: 20px;}
.btn{display: inline-block; position: relative; width: 100%; height: 50px; line-height:46px; text-align: center; border-radius: 5px; font-size: 16px; font-weight: 600; border:0; box-shadow:0px 2px 3px rgba(0,0,0, 0.05); cursor: pointer; margin-top: 20px;}
.btn:hover{opacity: 0.8; letter-spacing: 0.5px; transition: all 0.4s ease 0s;}
.form-control{position: relative; width: 100%; background: #FFF; height: 48px; line-height: 48px; padding: 0 20px; font-size: 16px; font-weight: 500; color: #000016; border:1px #E7E7E7 solid; box-shadow: 0px 2px 3px rgba(0,0,0, 0.05); border-radius: 5px; margin-bottom:10px;}
.form-control::placeholder{font-weight: 300; color: #afafaf;}
.form-control.error{border-color: #FF3A3A;}
.row{position: relative;}
.btn-login{background-color: #00833E; color: #FFF;}
.icon-isr {width: 30%}
.btn-bao-hiem{background-color: #2DA44A; color: #ffffff;display: inline-block; position: relative; width: 100%; height: 50px; line-height:46px; text-align: center; border-radius: 5px; font-size: 16px; font-weight: 600; border:0; box-shadow:0px 2px 3px rgba(0,0,0, 0.05); cursor: pointer; margin-top: 20px;}
.btn-default{background-color: #FFF; color: #00833E; border:1px #E7E7E7 solid;}
.forgot-pass{text-align: center; padding-top: 50px;}
.forgot-pass a{font-size: 14px; color: #000016; text-decoration: underline;}
.forgot-pass a:hover{ opacity: 0.9; letter-spacing: 0.5px; transition: all 0.4s ease 0s;}
.other-label{margin:30px 0; height: 24px; position: relative; text-align: center;}
.other-label:after{position: absolute; content: ''; width: 100%; height: 2px; background: #f6f6f6; left: 0; top: 50%; margin-top:-1px; z-index: 0;}
.other-label span{font-size: 12px; font-weight: 500; color: #BABABA; text-transform: uppercase; background: #FFF; padding: 0px 10px; height: 24px; line-height: 22px; z-index: 1; position: relative; display: inline-block;}
.icn-f88{position: absolute; width:24px; height: 24px; left: 20px; top: 50%; margin-top:-12px;}
.icn-arr{position: absolute; width:21px; height: 14px; right: 20px; top: 50%; margin-top:-7px;}
.message-error{position: relative; background-color: #ffe1e3; font-size: 14px; border-radius: 5px; padding: 15px 20px; color: #dd2638; margin-bottom: 10px;}
.message-info{position: relative; background-color: #effaf5; font-size: 14px; border-radius: 5px; padding: 15px 20px; color: #257953; margin-bottom: 10px;}
.icn-pass{position: absolute; width: 19px; height: 16px; right: 20px; top: 50%; margin-top: -12px; cursor: pointer;}
.icn-pass.show{background: url(show.png) no-repeat;}
.icn-pass.hide{background: url(hide.png) no-repeat;}

/*-------List services----------*/
.services-main{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:800px; max-width:800px; border:1px #EBEBEB solid; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0,0,0, 0.05); padding: 20px 30px; background: #FFF;}
.list-services{position: relative; width: 100%; padding: 50px 0; text-align: center;}
.list-services .column{position: relative; display: inline-block; vertical-align: top; text-align: center; width: 33%; padding: 0 20px; font-weight: 300;}
.list-services .column p{font-size: 16px;}
.list-services .icon-service{ position: relative; text-align: center; margin-bottom: 12px;}
.list-services .icon-service .img-logo{max-width: 100%; padding-bottom: 15px;}
.services-main h3{font-size: 22px; font-weight: 300; color: #000016;}
.title-desc {position: relative; width: 100%; font-size: 16px; text-align: center; padding: 18px 0;}
.title-desc div {position: relative; width: 100%; font-size: 16px; text-align: center; padding: 5px 0;}
.title-desc strong{font-size: 16px; font-weight: 700; color: #00833E;}
.title-desc span{display: inline-block; vertical-align: middle; padding: 0 2px;}
/* .main-content {
    background-image: url("./background-forgort.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%; */

.main-content {
	background-image: url("./Background_lunar_year.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
}

@media screen and (max-width: 667px) {
	.login-main{width:100%; padding: 20px;}
}