/**/
.luudanh-popup .ld-box .lg-box .frm:before, .luudanh-popup .ld-box .lg-box .social-list ul li a:before { font-family: "360game" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@-webkit-keyframes fadeInRighta { 0% { width: 0; }
  100% { width: 674px; } }
@-moz-keyframes fadeInRighta { 0% { width: 0; }
  100% { width: 674px; } }
@keyframes fadeInRighta { 0% { width: 0; }
  100% { width: 674px; } }
@-webkit-keyframes wobbleXa { 0% { -webkit-transform: translateX(0); }
  100% { -webkit-transform: translateX(336px); } }
@-moz-keyframes wobbleXa { 0% { -moz-transform: translateX(0); }
  100% { -moz-transform: translateX(336px); } }
@keyframes wobbleXa { 0% { transform: translateY(0); }
  100% { transform: translateX(336px); } }
@-webkit-keyframes wobbleXb { 0% { -webkit-transform: translateX(0); }
  100% { -webkit-transform: translateX(-336px); } }
@-moz-keyframes wobbleXb { 0% { -moz-transform: translateX(0); }
  100% { -moz-transform: translateX(-336px); } }
@keyframes wobbleXb { 0% { transform: translateY(0); }
  100% { transform: translateX(-336px); } }
.luudanh-page { position: relative; background: url(../images/luudanh/bg.jpg) center top no-repeat; height: 820px; margin: -15px 0 -30px; text-align: center; }
.luudanh-page .luudanh-wrap { width: 857px; margin: 0 auto; }
.luudanh-page .logo { padding: 40px 0 0; }
.luudanh-page .frame { position: relative; background: url(../images/luudanh/frame.png) left top no-repeat; height: 425px; margin: -17px 0 0; }
.luudanh-page .frame .title { padding: 88px 0 0; }
.luudanh-page .frame .luudanh-btn { padding: 20px 0; }
.luudanh-page .frame .luudanh-btn .ld-btn, .luudanh-page .frame .luudanh-btn .ld-btn .txt { background: url(../images/luudanh/luudanh_btn.png) no-repeat; }
.luudanh-page .frame .luudanh-btn .ld-btn { display: inline-block; background-position: 0 0; width: 150px; height: 66px; }
.luudanh-page .frame .luudanh-btn .ld-btn .txt { display: block; background-position: -150px 0; width: 150px; height: 66px; animation: zoomInb .8s ease-out 0.1s both infinite; -moz-animation: zoomInb .8s ease-out 0.1s both infinite; -webkit-animation: zoomInb .8s ease-out 0.1s both infinite; }
.luudanh-page .frame .luudanh-btn .ld-btn:hover .txt { animation: none; -moz-animation: none; -webkit-animation: none; }
.luudanh-page .frame .chieuchi-btn { position: absolute; bottom: 23px; right: 97px; background: url(../images/luudanh/chieuchi_small.png) no-repeat; float: left; width: 129px; height: 175px; animation: wobbleY2 1.4s ease 0s infinite; -moz-animation: wobbleY2 1.4s ease 0s infinite; -webkit-animation: wobbleY2 1.4s ease 0s infinite; }
.luudanh-page .frame .chieuchi-btn:hover { animation: none; -moz-animation: none; -webkit-animation: none; }
.luudanh-page .frame .sum { color: #fa3519; font-size: 12px; text-transform: uppercase; font-weight: 600; }
.luudanh-page .frame .sum .num { padding-right: 3px; font-size: 17px; font-weight: 900; }
.luudanh-page .code { margin-bottom: 25px; }

.luudanh-popup { display: none; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; padding: 100px 0 0; }
.luudanh-popup a { color: #ae7d14; }
.luudanh-popup a:hover { color: #c48d18; }
.luudanh-popup .ld-box { position: relative; margin: 0 auto; width: 792px; height: 563px; }
.luudanh-popup .ld-box .l-chieuchi { position: absolute; top: 0; left: 50%; z-index: 2; background: url(../images/luudanh/chieuchi_pop.png) no-repeat; float: left; width: 59px; height: 563px; margin-left: -59px; animation: wobbleXb 1.5s ease 0.3s both; -moz-animation: wobbleXb 1.5s ease 0.3s both; -webkit-animation: wobbleXb 1.5s ease 0.3s both; }
.luudanh-popup .ld-box .r-chieuchi { position: absolute; top: 0; right: 50%; z-index: 2; background: url(../images/luudanh/chieuchi_pop.png) -733px 0 no-repeat; float: left; width: 59px; height: 563px; margin-right: -59px; animation: wobbleXa 1.5s ease 0.3s both; -moz-animation: wobbleXa 1.5s ease 0.3s both; -webkit-animation: wobbleXa 1.5s ease 0.3s both; }
.luudanh-popup .ld-box .ld-wrap { display: inline-block; background: url(../images/luudanh/chieuchi_pop.png) center top no-repeat; width: 674px; height: 563px; animation: fadeInRighta 1.5s ease 0.3s both; -moz-animation: fadeInRighta 1.5s ease 0.3s both; -webkit-animation: fadeInRighta 1.5s ease 0.3s both; }
.luudanh-popup .ld-box .ld-pop-cont, .luudanh-popup .ld-box .close-btn { animation: _opacity 1.0s ease 1.6s both; -moz-animation: _opacity 1.0s ease 1.6s both; -webkit-animation: _opacity 1.0s ease 1.6s both; }
.luudanh-popup .ld-box .ld-pop-cont { padding: 117px 36px 0; }
.luudanh-popup .ld-box .close-btn { position: absolute; top: 45px; right: 12px; z-index: 3; background: url(../images/luudanh/close_btn.png) no-repeat; float: left; width: 29px; height: 29px; }
.luudanh-popup .ld-box .title-block { padding: 10px 0 4px; text-align: left; border-bottom: 1px solid rgba(186, 133, 20, 0.3); }
.luudanh-popup .ld-box .title-block .title { float: left; font-size: 14px; text-transform: uppercase; }
.luudanh-popup .ld-box .title-block .welcome { float: right; font-size: 12px; }
.luudanh-popup .ld-box .title-block .welcome strong { font-size: 13px; font-weight: bold; }
.luudanh-popup .ld-box .title-block .welcome a { margin-left: 3px; }
.luudanh-popup .ld-box .lg-box { display: inline-block; width: 300px; padding: 22px 0 0; }
.luudanh-popup .ld-box .lg-box .frm { position: relative; }
.luudanh-popup .ld-box .lg-box .frm:before { position: absolute; color: #ba8514; }
.luudanh-popup .ld-box .lg-box .frm:after { position: absolute; top: 10px; left: 40px; content: ""; background: rgba(186, 133, 20, 0.3); float: left; width: 1px; height: 18px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.luudanh-popup .ld-box .lg-box .frm input { width: 100%; height: 38px; padding: 7px 10px 7px 55px; font-size: 12px; border: 1px solid rgba(186, 133, 20, 0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.luudanh-popup .ld-box .lg-box .frm.username { margin-bottom: 10px; }
.luudanh-popup .ld-box .lg-box .frm.username:before { top: 12px; left: 10px; content: "\63"; font-size: 16px; }
.luudanh-popup .ld-box .lg-box .frm.pass { margin-bottom: 5px; }
.luudanh-popup .ld-box .lg-box .frm.pass:before { top: 11px; left: 10px; content: "\66"; font-size: 17px; }
.luudanh-popup .ld-box .lg-box .memo-row { margin-bottom: 10px; font-size: 12px; }
.luudanh-popup .ld-box .lg-box .memo-row .memorize { float: left; }
.luudanh-popup .ld-box .lg-box .memo-row .memorize input[type="checkbox"]:checked + label span.checkbox { background: #ab7b08; border-color: #ab7b08; }
.luudanh-popup .ld-box .lg-box .memo-row .forgot-pass { float: right; padding-top: 5px; }
.luudanh-popup .ld-box .lg-box .login-btn { margin-bottom: 15px; }
.luudanh-popup .ld-box .lg-box .login-btn a { display: block; background: #8aba16; height: 32px; line-height: 32px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.luudanh-popup .ld-box .lg-box .login-btn a:hover { background: #94c719; }
.luudanh-popup .ld-box .lg-box .no-account { color: #666; text-align: center; }
.luudanh-popup .ld-box .lg-box .or { width: 250px; height: 10px; margin: 18px auto 15px; text-align: center; border-bottom: 1px dotted #a9a9a9; }
.luudanh-popup .ld-box .lg-box .or span { display: inline-block; position: relative; bottom: 3px; background: #fbf8ee; height: 22px; line-height: 22px; padding: 0 5px; color: #999; font-size: 12px; }
.luudanh-popup .ld-box .lg-box .social-list { height: 42px; text-align: center; }
.luudanh-popup .ld-box .lg-box .social-list ul { display: inline-block; }
.luudanh-popup .ld-box .lg-box .social-list ul li { float: left; margin: 0 5px; }
.luudanh-popup .ld-box .lg-box .social-list ul li a { position: relative; display: block; width: 32px; height: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.luudanh-popup .ld-box .lg-box .social-list ul li a:before { position: absolute; color: #fff; }
.luudanh-popup .ld-box .lg-box .social-list ul li.fb a { background: #45619d; }
.luudanh-popup .ld-box .lg-box .social-list ul li.fb a:before { content: "\69"; top: 8px; left: 7px; font-size: 18px; }
.luudanh-popup .ld-box .lg-box .social-list ul li.fb a:hover { background: #5476be; }
.luudanh-popup .ld-box .lg-box .social-list ul li.gg a { background: #ea4335; }
.luudanh-popup .ld-box .lg-box .social-list ul li.gg a:before { content: "\78"; top: 9px; left: 8px; font-size: 16px; }
.luudanh-popup .ld-box .lg-box .social-list ul li.gg a:hover { background: #fb4e40; }
.luudanh-popup .ld-box .lg-box .social-list ul li.yh a { background: #543f97; }
.luudanh-popup .ld-box .lg-box .social-list ul li.yh a:before { content: "\6a"; top: 9px; left: 8px; font-size: 16px; }
.luudanh-popup .ld-box .lg-box .social-list ul li.yh a:hover { background: #6950ba; }
.luudanh-popup .ld-box .luudanh-form { padding: 22px 0 0 78px; text-align: left; }
.luudanh-popup .ld-box .luudanh-form .form-group { margin-bottom: 10px; }
.luudanh-popup .ld-box .luudanh-form .form-group label { width: 145px; line-height: 38px; color: #333; font-size: 13px; }
.luudanh-popup .ld-box .luudanh-form .form-group label span { color: #f00; }
.luudanh-popup .ld-box .luudanh-form .form-group .frms .form-control { width: 300px; height: 38px; border-color: rgba(186, 133, 20, 0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.luudanh-popup .ld-box .luudanh-form .form-group .frms .form-control:focus { border-color: rgba(186, 133, 20, 0.3); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(186, 133, 20, 0.3); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(186, 133, 20, 0.3); }
.luudanh-popup .ld-box .luudanh-form .form-group .frms.ld-code { padding-top: 12px; }
.luudanh-popup .ld-box .luudanh-form .btn-row { padding: 7px 0 0 145px; }
.luudanh-popup .ld-box .luudanh-form .btn-row .save-btn { display: inline-block; background: #8aba16; width: 120px; height: 32px; line-height: 32px; color: #fff; font-size: 13px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.luudanh-popup .ld-box .luudanh-form .btn-row .save-btn:hover { background: #94c719; }
.luudanh-popup .ld-box .result { line-height: 30px; padding: 40px 0 0; font-size: 18px; font-weight: 300; }
.luudanh-popup .ld-box .result strong { font-weight: bold; }
.luudanh-popup .ld-box .result .mb10 { margin-bottom: 10px; }
.luudanh-popup .ld-box .note { position: absolute; left: 95px; bottom: 110px; line-height: 18px; color: #666; text-align: left; }
.luudanh-popup .ld-box .note h3 { margin-bottom: 3px; font-size: 14px; }
.luudanh-popup .ld-box .note p { padding-left: 10px; font-size: 12px; }

/*# sourceMappingURL=luudanh.css.map */