@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,vietnamese,latin-ext);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; font-family: Arial, Tahoma, sans-serif; color: #333; font-size: 13px; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; text-rendering: optimizeLegibility; }

a:hover, a:active { outline: none; }

a { color: #feba02; }

a, a:hover, a:active, a:visited { text-decoration: none !important; outline: 0 !important; }

a:hover { color: #feba02; text-decoration: none; }

.clearfix:after, .section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, .section { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.clear { clear: both; }

.fl { float: left !important; }

.fr { float: right !important; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: 'Minion Pro'; src: url("../fonts/MinionPro.eot");
  /* IE9 Compat Modes */
src: url("../fonts/MinionPro.eot?#iefix") format("embedded-opentype"), url("../fonts/MinionPro.woff2") format("woff2"), url("../fonts/MinionPro.woff") format("woff"), url("../fonts/MinionPro.ttf") format("truetype"), url("../fonts/MinionPro.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'Californian FB Reg'; src: url("../fonts/CalifornianFB-Reg.eot");
  /* IE9 Compat Modes */
src: url("../fonts/CalifornianFB-Reg.eot?#iefix") format("embedded-opentype"), url("../fonts/CalifornianFB-Reg.woff2") format("woff2"), url("../fonts/CalifornianFB-Reg.woff") format("woff"), url("../fonts/CalifornianFB-Reg.ttf") format("truetype"), url("../fonts/CalifornianFB-Reg.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'Californian FB Bold'; src: url("../fonts/CalifornianFB-Bold.eot");
  /* IE9 Compat Modes */
src: url("../fonts/CalifornianFB-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CalifornianFB-Bold.woff2") format("woff2"), url("../fonts/CalifornianFB-Bold.woff") format("woff"), url("../fonts/CalifornianFB-Bold.ttf") format("truetype"), url("../fonts/CalifornianFB-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
input[type="checkbox"]:checked + label span.checkbox { position: relative; }

.promotion .frame .content .gift-list > ul > li .btn-row .btn .bg { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
@media (max-width: 767px) { .promotion .frame .content .gift-list > ul > li .btn-row .btn .bg { transition: none; -moz-transition: none; -webkit-transition: none; } }

.promotion .frame .content .gift-list > ul > li .btn-row .btn .bg { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; }

.promotion .frame .content .gift-list > ul > li.active .btn-row .btn:hover .bg { filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 100; opacity: 1; }

body { background-color: #000; overflow: hidden; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; transition: opacity 400ms; }

* { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

.layers-wrapper { overflow: hidden; position: absolute; top: 50%; left: 50%; width: 2000px; height: 1000px; margin-left: -1000px; margin-top: -500px; }

.wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; }

.sound { background: url(../images/mute.png) no-repeat; float: left; width: 25px; height: 25px; margin-bottom: 17px; margin-left: 12px; cursor: pointer; }
.sound.mute { background-position: -25px 0; }
.sound.unmute { background-position: 0 0; }

.fani { -moz-transition: top 300ms ease, opacity 300ms ease; -o-transition: top 300ms ease, opacity 300ms ease; -webkit-transition: top 300ms ease, opacity 300ms ease; transition: top 300ms ease, opacity 300ms ease; }

.bg-parallax { position: absolute; top: 50%; left: 50%; width: 2170px; height: 1000px; margin-left: -1085px; margin-top: -500px; }

.slide-box { position: relative; width: 100%; height: 100%; }
.slide-box section { width: 100%; height: 100%; }

.intro, .luudanh, .promotion { position: absolute; top: 50%; left: 50%; z-index: 1; width: 2000px; height: 1000px; margin-left: -1000px; margin-top: -500px; }

.intro .bg-parallax { background: rgba(0, 0, 0, 0.6) 50% 50% no-repeat; }
.intro .left-char, .intro .right-char, .intro .killustik, .intro .bottom-rock { position: absolute; visibility: hidden; }
.intro .killustik { top: 0; left: 50%; z-index: 2; background: transparent url("../images/f2_killustik.png") 50% 50% no-repeat; width: 1362px; height: 951px; margin-left: -681px; }
.intro .left-char { top: 0; left: 0; z-index: 3; background: transparent url("../images/f2_left_char.png") 50% 50% no-repeat; width: 852px; height: 778px; margin-left: -85px; }
.intro .right-char { top: 0; right: 0; z-index: 3; background: transparent url("../images/f2_right_char.png") 50% 50% no-repeat; width: 833px; height: 899px; margin-right: -85px; }
.intro .bottom-rock { bottom: 0; left: 50%; z-index: 4; background: transparent url("../images/f2_bottom.png") 50% 50% no-repeat; width: 2170px; height: 469px; margin-left: -1085px; }

.luudanh.login-page { top: 50%; }
.luudanh .bg-parallax { background: transparent url("../images/f3_bg.jpg") 50% 50% no-repeat; width: 2100px; margin-left: -1050px; }
.luudanh .bg-light { position: absolute; top: 0; left: 50%; z-index: 2; background: transparent url("../images/f3_light.png") 50% 50% no-repeat; width: 2000px; height: 1000px; margin-left: -1000px; }
.luudanh .nv { position: absolute; bottom: 10px; right: 0; z-index: 10; background: transparent url("../images/f3_nv_1.1.png") no-repeat; width: 1198px; height: 889px; }
@media (max-width: 1400px) { .luudanh .nv { right: 100px; } }
@media (max-width: 1100px) { .luudanh .nv { right: 50%; margin-right: -720px; } }
@media (max-width: 1000px) { .luudanh .nv { display: none; } }

#frame-03.active .luudanh .nv { -moz-animation: moveleft .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; -webkit-animation: moveleft .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; animation: moveleft .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; }

.promotion .bg-parallax { background: transparent url("../images/f4_bg.jpg") 50% 50% no-repeat; width: 2100px; margin-left: -1050px; }
.promotion .char { position: absolute; z-index: 10; }
@media (max-width: 1000px) { .promotion .char { display: none; } }
.promotion .char.l-char { bottom: 30px; left: -230px; background: transparent url("../images/f4_nv1.png") no-repeat; width: 1011px; height: 756px; }
.promotion .char.r-char { bottom: 0; right: -420px; background: transparent url("../images/f4_nv2.png") no-repeat; width: 1260px; height: 842px; }

#frame-04.active .promotion .l-char { -moz-animation: moveright .7s ease-out 0.3s both, wobbleY2 1.2s 1s infinite; -webkit-animation: moveright .7s ease-out 0.3s both, wobbleY2 1.2s 1s infinite; animation: moveright .7s ease-out 0.3s both, wobbleY2 1.2s 1s infinite; }
#frame-04.active .promotion .r-char { -moz-animation: moveleft .7s ease-out 0.3s both, wobbleY2 1.2s 1.2s infinite; -webkit-animation: moveleft .7s ease-out 0.3s both, wobbleY2 1.2s 1.2s infinite; animation: moveleft .7s ease-out 0.3s both, wobbleY2 1.2s 1.2s infinite; }

/*Placeholder text color*/
::-webkit-input-placeholder { color: rgba(254, 186, 2, 0.3); }

:-moz-placeholder { color: rgba(254, 186, 2, 0.3) !important; }

::-moz-placeholder { color: rgba(254, 186, 2, 0.3) !important; }

::-ms-input-placeholder { color: rgba(254, 186, 2, 0.3); }

:focus::-webkit-input-placeholder { color: rgba(254, 186, 2, 0.5); }

:focus:-moz-placeholder { color: rgba(254, 186, 2, 0.5) !important; }

:focus::-moz-placeholder { color: rgba(254, 186, 2, 0.5) !important; }

:focus::-ms-input-placeholder { color: rgba(254, 186, 2, 0.5); }

input[type="checkbox"] { display: none; }

input[type="checkbox"] + label span.checkbox { display: inline-block; background: #feba02; width: 13px; height: 13px; margin: 5px 4px 1px 0; font-family: Arial, Tahoma, sans-serif; vertical-align: -3px; cursor: pointer; border: 1px solid #feba02; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

input[type="checkbox"]:checked + label span.checkbox:before { position: absolute; top: 0px; left: 0px; content: ""; background: url(../images/social_ico.png) no-repeat; background-position: 0 -2px; float: left; width: 12px; height: 10px; }

@-moz-keyframes playeffa { 100% { background-position: -164px; } }
@-webkit-keyframes playeffa { 100% { background-position: -164px; } }
@keyframes playeffa { 100% { background-position: -164px; } }
@-moz-keyframes playeffb { 100% { background-position: -114px; } }
@-webkit-keyframes playeffb { 100% { background-position: -114px; } }
@keyframes playeffb { 100% { background-position: -114px; } }
@-moz-keyframes playeffc { 100% { background-position: -4792px; } }
@-webkit-keyframes playeffc { 100% { background-position: -4792px; } }
@keyframes playeffc { 100% { background-position: -4792px; } }
@-webkit-keyframes _opacitya { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes _opacitya { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes _opacitya { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes _opacityb { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes _opacityb { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes _opacityb { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomOut { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes movedown { 0% { -moz-transform: translateY(0%); }
  50% { -moz-transform: translateY(15%); }
  100% { -moz-transform: translateY(0%); } }
@-moz-keyframes movedown { 0% { -ms-transform: translateY(0%); }
  50% { -webkit-transform: translateY(15%); }
  100% { -webkit-transform: translateY(0%); } }
@keyframes movedown { 0% { transform: translateY(0%); }
  50% { -webkit-transform: translateY(15%); }
  100% { -webkit-transform: translateY(0%); } }
@-webkit-keyframes fadeInRight { 0% { width: 0; }
  70% { width: 100%; }
  100% { opacity: 0; } }
@-moz-keyframes fadeInRight { 0% { width: 0; }
  70% { width: 100%; }
  100% { opacity: 0; } }
@keyframes fadeInRight { 0% { width: 0; }
  70% { width: 100%; }
  100% { opacity: 0; } }
@-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes zoomOut2 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomOut2 { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes zoomIn { 0% { -webkit-transform: scale(5); transform: scale(5); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomIn { 0% { -webkit-transform: scale(5); -ms-transform: scale(5); transform: scale(5); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes moveright { 0% { -moz-transform: translateX(-10%); }
  100% { -moz-transform: translateX(0%); } }
@-moz-keyframes moveright { 0% { -ms-transform: translateX(-10%); }
  100% { -webkit-transform: translateX(0%); } }
@keyframes moveright { 0% { transform: translateX(-10%); }
  100% { -webkit-transform: translateX(0%); } }
@-webkit-keyframes moveleft { 0% { -moz-transform: translateX(10%); }
  100% { -moz-transform: translateX(0%); } }
@-moz-keyframes moveleft { 0% { -ms-transform: translateX(10%); }
  100% { -webkit-transform: translateX(0%); } }
@keyframes moveleft { 0% { transform: translateX(10%); }
  100% { -webkit-transform: translateX(0%); } }
@-webkit-keyframes moveup { 0% { -moz-transform: translateY(10%); }
  100% { -moz-transform: translateY(0%); } }
@-moz-keyframes moveup { 0% { -ms-transform: translateY(10%); }
  100% { -webkit-transform: translateY(0%); } }
@keyframes moveup { 0% { transform: translateY(10%); }
  100% { -webkit-transform: translateY(0%); } }
@-webkit-keyframes wobbleY2 { 0% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes wobbleY2 { 0% { -moz-transform: translateY(0); }
  50% { -moz-transform: translateY(5px); }
  100% { -moz-transform: translateY(0); } }
@keyframes wobbleY2 { 0% { transform: translateY(0); }
  50% { transform: translateY(5px); }
  100% { transform: translateY(0); } }
@-webkit-keyframes wobbleX { 0% { -webkit-transform: translateX(0); }
  50% { -webkit-transform: translateX(5px); }
  100% { -webkit-transform: translateX(0); } }
@-moz-keyframes wobbleX { 0% { -moz-transform: translateX(0); }
  50% { -moz-transform: translateX(5px); }
  100% { -moz-transform: translateX(0); } }
@keyframes wobbleX { 0% { transform: translateX(0); }
  50% { transform: translateX(5px); }
  100% { transform: translateX(0); } }
.description-scroll { float: left; width: 100%; height: 100%; }

.description-scroll .viewport { position: relative; height: 100%; overflow: hidden; }

.description-scroll .overview { list-style: none; position: absolute; left: 0; top: 0; width: auto; padding: 0; margin: 0; }

.description-scroll .scrollbar { position: relative; background-position: 0 0; float: right; width: 6px; margin-right: 0; }

.description-scroll .track { background: rgba(99, 71, 57, 0.6); height: 100%; width: 6px; position: relative; }

.description-scroll .thumb { background: #7c400c; height: 17px; width: 6px; margin-top: 0; cursor: pointer; overflow: hidden; position: absolute; top: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.description-scroll .thumb .end { background: #7c400c; overflow: hidden; height: 20px; width: 3px; }

.description-scroll .disable { display: none; }

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.loading { position: fixed; width: 100%; height: 100%; max-height: 1150px; top: 0; left: 0; background: #181818; z-index: 101; }

.loading img { position: absolute; width: 324px; height: 90px; top: 50%; left: 50%; margin-left: -157px; margin-top: 25px; }

.loading img.loading-logo { width: 190px; height: 168px; top: 50%; left: 50%; margin-top: -145px; margin-left: -95px; }

.tooltip { display: none; position: absolute; background: #ca910d; float: left; padding: 5px 12px; color: #fff; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1100px) { .tooltip { padding: 3px 10px; font-size: 11px; } }
.tooltip:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; }
.tooltip.right { top: 50%; left: 0; line-height: 22px; white-space: nowrap; margin-top: -17px; }
@media (max-width: 1100px) { .tooltip.right { margin-top: -14px; } }
.tooltip.right:before { top: 50%; left: -7px; border-width: 5px 7px 5px 0; border-color: transparent #ca910d transparent transparent; margin-top: -5px; }
@media (max-width: 1100px) { .tooltip.right:before { left: -5px; border-width: 3px 5px 3px 0; margin-top: -3px; } }
.tooltip.left { top: 50%; left: -90px; line-height: 22px; white-space: nowrap; margin-top: -17px; }
@media (max-width: 1100px) { .tooltip.left { margin-top: -14px; } }
.tooltip.left:before { top: 50%; right: -7px; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #ca910d; margin-top: -5px; }
@media (max-width: 1100px) { .tooltip.left:before { right: -5px; border-width: 3px 0 3px 5px; margin-top: -3px; } }
.tooltip.top { bottom: 0; left: 50%; width: 270px; line-height: 22px; margin-left: -135px; }
.tooltip.top:before { bottom: -6px; left: 50%; border-width: 7px 5px 0 5px; border-color: #ca910d transparent transparent transparent; margin-left: -5px; }
.tooltip.bottom { top: 0; left: 50%; width: 190px; line-height: 22px; margin-left: -95px; }
.tooltip.bottom:before { top: -6px; left: 50%; border-width: 0 5px 7px 5px; border-color: transparent transparent #ca910d transparent; margin-left: -5px; }

.next-frame { position: absolute; bottom: 27px; left: 50%; z-index: 99; float: left; width: 59px; height: 31px; margin-left: -30px; text-indent: -9999px; }
.next-frame span { background: url(../images/ico_sprt.png) no-repeat; display: block; width: 59px; height: 31px; animation: movedown 1s 0s infinite; -moz-animation: movedown 1s 0s infinite; -webkit-animation: movedown 1s 0s infinite; }
.next-frame:hover span { background-position: -80px 0; animation: none; -moz-animation: none; -webkit-animation: none; }

/*-----------------------*/
.r-sticky { position: absolute; right: 40px; top: 50px; width: 45px; }
@media (max-width: 1400px) { .r-sticky { right: 10px; } }
@media (max-width: 1000px) { .r-sticky { display: none; } }
.r-sticky .row { float: left; width: 100%; }

/*-------------------------------------*/
.onepage-pagination { width: 95px; z-index: 99; background: url(../images/ico_sprt.png) no-repeat; background-position: 0 -59px; float: left; width: 43px; height: 98px; padding-top: 18px; padding-left: 13px; margin-bottom: 17px; }
.onepage-pagination li { position: relative; margin-bottom: 10px; }
.onepage-pagination li .tooltip { right: 40px; left: auto; }
.onepage-pagination li a { display: block; background: #292929; width: 16px; height: 16px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.onepage-pagination li a.active, .onepage-pagination li a:hover { background: #ca910d; }
.onepage-pagination li:hover .tooltip { display: block; }

/*-----------------------*/
.social-menu { float: left; width: 45px; z-index: 99; }
.social-menu li { position: relative; float: left; margin-bottom: 17px; }
.social-menu li .tooltip { right: 45px; left: auto; }
.social-menu li a { background: url(../images/ico_sprt.png) no-repeat; float: left; width: 45px; height: 44px; }
.social-menu li a.fb-fanpage { background-position: -83px -56px; }
.social-menu li a.fb-fanpage:hover { background-position: -83px -116px; }
.social-menu li a.fb-share { background-position: -143px -56px; }
.social-menu li a.fb-share:hover { background-position: -143px -116px; }
.social-menu li a.fb-group { background-position: -203px -56px; }
.social-menu li a.fb-group:hover { background-position: -203px -116px; }
.social-menu li a.home { background-position: -263px -56px; }
.social-menu li a.home:hover { background-position: -263px -116px; }
.social-menu li a:hover .tooltip { display: block; text-indent: 0; }

/*----------------------*/
.fb-chat-box { position: fixed; bottom: 0; right: 0; z-index: 99; float: left; width: 220px; }
@media (max-width: 1000px) { .fb-chat-box { display: none; } }
.fb-chat-box .title { background: #ca910d; height: 40px; line-height: 40px; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-weight: normal; cursor: pointer; }
.fb-chat-box .title .txt { float: left; padding-left: 11px; font-size: 20px; font-weight: 300; }
.fb-chat-box .title .ico { float: right; width: 40px; height: 40px; cursor: pointer; }
.fb-chat-box .title .ico:before { content: ""; position: relative; top: 14px; right: -3px; background: url(../images/ico_sprt.png) no-repeat; background-position: -205px 0; float: left; width: 27px; height: 13px; }
.fb-chat-box .title.active .ico:before { top: 15px; background-position: -165px 0; }

#frame-02.active .intro .logo .tag { animation: zoomIn .3s ease-out 0.3s both, _opacitya .9s ease-out 0.3s both; -moz-animation: zoomIn .3s ease-out 0.3s both, _opacitya .9s ease-out 0.3s both; -webkit-animation: zoomIn .3s ease-out 0.3s both, _opacitya .9s ease-out 0.3s both; }

.intro .logo { position: relative; }
.intro .logo .tag { position: absolute; top: 100px; left: 50%; background: url(../images/f2_sprt_1.1.png) no-repeat; background-position: -393px -469px; width: 57px; height: 69px; margin-left: 100px; }
.intro .tagline { padding: 15px 0 15px; }
.intro .tagline .txt { display: inline-block; background: url(../images/f2_sprt_1.1.png) no-repeat; background-position: 0 0; width: 421px; height: 420px; }
.intro .video-background { width: 100%; height: 100%; overflow: hidden; }
.intro .VideoBackground-container { width: 2000px; height: 1000px; position: absolute; overflow: hidden; top: 50%; left: 50%; margin-left: -1000px; margin-top: -500px; z-index: -1; }
.intro .VideoBackground-container video { width: 100%; height: 100%; }
.intro .content { position: absolute; top: 20px; left: 50%; z-index: 9; width: 842px; margin-left: -421px; text-align: center; }
.intro #canvas { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; }
.intro .txt { position: relative; }
.intro .txt img { margin-top: -80px; }
.intro .play-row { padding: 0 0 40px; }
.intro .play-row .play-video { display: inline-block; background: url(../images/f2_play.png) no-repeat; background-position: 0 0; width: 57px; height: 59px; text-indent: -9999px; -moz-animation: playeffb 1600ms steps(2) infinite; -webkit-animation: playeffb 1600ms steps(2) infinite; animation: playeffb 1600ms steps(2) infinite; }
.intro .play-row .play-video.hover, .intro .play-row .play-video:hover { background: url(../images/f2_play.png) no-repeat !important; background-position: -57px 0 !important; -moz-animation: none; -webkit-animation: none; animation: none; }
.intro .note { display: inline-block; background: url(../images/f2_sprt_1.1.png) no-repeat; background-position: 0 -670px; width: 516px; height: 55px; padding: 13px 0 0; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-size: 20px; text-transform: uppercase; }
.intro .note .yellow { color: #fcf997; font-size: 35px; text-transform: lowercase; }
.intro .countdown { position: relative; display: inline-block; height: 58px; }
.intro .countdown ul { float: left; margin: 3px 0 0; }
.intro .countdown ul li { position: relative; margin-right: 19px; float: left; color: #fff; }
.intro .countdown ul li .num { margin-bottom: 8px; font-family: 'Californian FB Reg', Arial, sans-serif; font-size: 30px; letter-spacing: 2px; text-shadow: 1px 3px 3px black; }
.intro .countdown ul li .txt { font-family: 'Californian FB Bold', Arial, sans-serif; font-size: 16px; text-transform: uppercase; text-shadow: 1px 2px 3px black; }
.intro .countdown ul li:last-child { margin-right: 0; }
.intro .btn-row { padding: 36px 0 0; }
.intro .btn-row ul { display: inline-block; }
.intro .btn-row ul li { float: left; }
.intro .btn-row ul li .btn { position: relative; float: left; width: 168px; height: 68px; }
.intro .btn-row ul li .btn .txt { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 4px black; }
.intro .btn-row ul li .btn .bg { float: left; width: 168px; height: 68px; }
.intro .btn-row ul li .btn.luudanh-btn { background: url(../images/f2_sprt_1.1.png) no-repeat; background-position: 0 -469px; margin-right: 10px; }
.intro .btn-row ul li .btn.luudanh-btn .txt { line-height: 60px; padding-top: 5px; font-size: 20px; }
.intro .btn-row ul li .btn.luudanh-btn .bg { background: url(../images/f2_sprt_1.1.png) no-repeat; background-position: -180px -469px; animation: _opacityb .9s ease-out 0.1s both infinite; -moz-animation: _opacityb .9s ease-out 0.1s both infinite; -webkit-animation: _opacityb .9s ease-out 0.1s both infinite; }
.intro .btn-row ul li .btn.diemdanh-btn { background: url(../images/f2_sprt_1.1.png) no-repeat; background-position: 0 -555px; }
.intro .btn-row ul li .btn.diemdanh-btn .txt { line-height: 23px; padding-top: 13px; font-size: 17px; }
.intro .btn-row ul li .btn.diemdanh-btn .bg { background: url(../images/f2_sprt_1.1.png) no-repeat; background-position: -180px -555px; animation: _opacityb .9s ease-out 0.3s both infinite; -moz-animation: _opacityb .9s ease-out 0.3s both infinite; -webkit-animation: _opacityb .9s ease-out 0.3s both infinite; }
.intro .btn-row ul li .btn:hover .bg { display: none; }

.at-page .title { position: relative; display: inline-block; background: url(../images/at_sprt.png) no-repeat; background-position: 0 -81px; width: 388px; height: 249px; margin-bottom: 30px; margin-top: 90px; }
.at-page .title .play-row { position: absolute; bottom: 32px; right: 40px; float: left; padding: 0; }
.at-page .title .play-row .play-video { float: left; }
.at-page .slogan { margin-bottom: 40px; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-size: 30px; text-transform: uppercase; text-shadow: 1px 1px 4px black; }
.at-page .note { display: inline-block; background: url(../images/at_sprt.png) no-repeat; background-position: 0 0; width: 389px; height: 55px; padding: 13px 0 0; margin-bottom: 10px; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-size: 20px; text-transform: uppercase; }
.at-page .note .yellow { color: #fcf997; font-size: 35px; text-transform: lowercase; }
.at-page .btn-row .play-btn { position: relative; display: inline-block; background: url(../images/at_sprt.png) no-repeat; background-position: 0 -366px; width: 188px; height: 68px; }
.at-page .btn-row .play-btn .txt { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; line-height: 60px; padding-top: 5px; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-size: 22px; text-transform: uppercase; text-shadow: 1px 1px 4px black; }
.at-page .btn-row .play-btn .bg { background: url(../images/at_sprt.png) no-repeat; background-position: -201px -366px; float: left; width: 188px; height: 68px; animation: _opacityb .9s ease-out 0.1s both infinite; -moz-animation: _opacityb .9s ease-out 0.1s both infinite; -webkit-animation: _opacityb .9s ease-out 0.1s both infinite; }
.at-page .btn-row .play-btn:hover .bg { display: none; }

.luudanh .logo { position: absolute; top: 17px; left: 50%; width: 190px; height: 168px; margin-left: -95px; }
.luudanh .content, .luudanh .content-bg { position: absolute; top: 207px; left: 220px; width: 792px; min-height: 637px; }
@media (max-width: 1100px) { .luudanh .content, .luudanh .content-bg { left: 280px; } }
@media (max-width: 1000px) { .luudanh .content, .luudanh .content-bg { left: 50%; margin-left: -396px; } }
.luudanh .content-bg { z-index: 8; background: url(../images/f3_frame.png) no-repeat; }
.luudanh .content { z-index: 11; padding: 140px 90px 0; text-align: center; }
.luudanh .content .sum-members { position: relative; margin-bottom: 30px; text-transform: uppercase; }
.luudanh .content .sum-members .txt { margin-bottom: 27px; font-family: 'Roboto', Arial, sans-serif; color: #dedede; font-size: 30px; text-shadow: 0 1px 5px #000; }
.luudanh .content .sum-members .num { display: inline-block; background: #131313; width: 300px; height: 80px; line-height: 80px; font-family: 'Californian FB Reg', Arial, sans-serif; color: #feba02; font-size: 60px; letter-spacing: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.luudanh .content .btn-row { margin-bottom: 20px; }
.luudanh .content .btn-row .luudanh-btn { position: relative; background: url(../images/f3_sprt.png) no-repeat; background-position: 0 0; display: inline-block; width: 168px; height: 68px; }
.luudanh .content .btn-row .luudanh-btn .txt { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; line-height: 60px; padding-top: 5px; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-size: 20px; text-transform: uppercase; text-shadow: 1px 1px 4px black; }
.luudanh .content .btn-row .luudanh-btn .bg { background: url(../images/f3_sprt.png) no-repeat; background-position: -180px 0; float: left; width: 168px; height: 68px; animation: _opacityb .7s ease-out 0.1s both infinite; -moz-animation: _opacityb .7s ease-out 0.1s both infinite; -webkit-animation: _opacityb .9s ease-out 0.1s both infinite; }
.luudanh .content .btn-row .luudanh-btn:hover .bg { display: none; }
.luudanh .content .note { line-height: 24px; margin-bottom: 40px; color: #8f929c; font-size: 15px; text-shadow: 0 1px 5px #000; }
.luudanh .content .note a { color: #afb3bf; }
.luudanh .content .note a:hover { color: #ffae00; }
.luudanh .content .gift { position: relative; background: url(../images/f3_sprt.png) no-repeat; background-position: 0 -86px; display: inline-block; width: 526px; height: 141px; margin-left: -30px; }
.luudanh .content .gift .light { background: url(../images/f3_sprt.png) no-repeat; background-position: 0 -266px; display: block; width: 700px; height: 181px; animation: fadeInRight 2.2s ease 0.5s both infinite; -moz-animation: fadeInRight 2.2s ease 0.5s both infinite; -webkit-animation: fadeInRight 2.2s ease 0.5s both infinite; }
.luudanh .content .gift .lb { position: absolute; background: url(../images/f3_sprt.png) no-repeat; float: left; }
.luudanh .content .gift .lb.lb1 { top: 2px; left: 125px; background-position: -235px -455px; width: 54px; height: 52px; animation: zoomOut .9s ease-out 0s both infinite; -moz-animation: zoomOut .9s ease-out 0s both infinite; -webkit-animation: zoomOut .9s ease-out 0s both infinite; }
.luudanh .content .gift .lb.lb2 { top: -1px; left: 305px; background-position: -309px -455px; width: 59px; height: 57px; animation: zoomOut .9s ease-out 0.3s both infinite; -moz-animation: zoomOut .9s ease-out 0.3s both infinite; -webkit-animation: zoomOut .9s ease-out 0.3s both infinite; }
.luudanh .content .gift .lb.lb3 { top: -3px; left: 487px; background-position: -385px -455px; width: 62px; height: 60px; animation: zoomOut .9s ease-out 0.7s both infinite; -moz-animation: zoomOut .9s ease-out 0.7s both infinite; -webkit-animation: zoomOut .9s ease-out 0.7s both infinite; }
.luudanh .content .gift-info li { background: url(../images/f3_sprt.png) no-repeat; background-position: 0 -448px; float: left; width: 189px; height: 67px; line-height: 20px; padding-top: 15px; color: #f8fba8; font-size: 15px; }

.promotion .logo { position: absolute; top: 9px; left: 50%; width: 190px; height: 168px; margin-left: -95px; }
.promotion .frame-bg, .promotion .frame { position: absolute; top: 190px; left: 50%; float: left; width: 847px; height: 767px; margin-left: -423px; }
.promotion .frame-bg { z-index: 9; background: url(../images/f4_frame.png) no-repeat; }
.promotion .frame { z-index: 11; background: url(../images/f4_frame_box.png) no-repeat; padding: 95px 0 0; text-align: center; }
.promotion .frame .content { position: relative; text-align: center; }
.promotion .frame .content .sum-scores { position: relative; margin-bottom: 30px; text-transform: uppercase; }
.promotion .frame .content .sum-scores .txt { margin-bottom: 15px; font-family: 'Roboto', Arial, sans-serif; color: #dedede; font-size: 30px; text-shadow: 0 1px 5px #000; }
.promotion .frame .content .sum-scores .num { display: inline-block; background: #191611; width: 300px; height: 80px; line-height: 80px; font-family: 'Californian FB Reg', Arial, sans-serif; color: #fca325; font-size: 60px; letter-spacing: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.promotion .frame .content .sum-scores .btn-row { padding-bottom: 7px; }
.promotion .frame .content .sum-scores .btn-row .login-btn { position: relative; background: url(../images/f3_sprt.png) no-repeat; background-position: 0 0; display: inline-block; width: 168px; height: 68px; }
.promotion .frame .content .sum-scores .btn-row .login-btn .txt { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; line-height: 60px; padding-top: 5px; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-size: 20px; text-transform: uppercase; text-shadow: 1px 1px 4px black; }
.promotion .frame .content .sum-scores .btn-row .login-btn .bg { background: url(../images/f3_sprt.png) no-repeat; background-position: -180px 0; float: left; width: 168px; height: 68px; animation: _opacityb .7s ease-out 0.1s both infinite; -moz-animation: _opacityb .7s ease-out 0.1s both infinite; -webkit-animation: _opacityb .9s ease-out 0.1s both infinite; }
.promotion .frame .content .sum-scores .btn-row .login-btn:hover .bg { display: none; }
.promotion .frame .content .mission .ms-frame { padding: 57px 0 0 170px; }
.promotion .frame .content .mission .ms-frame > li { float: left; width: 200px; height: 140px; text-align: left; overflow: hidden; }
.promotion .frame .content .mission .ms-frame > li.left { margin-right: 110px; }
.promotion .frame .content .mission .list li { margin-bottom: 2px; }
.promotion .frame .content .mission .list li a { line-height: 20px; color: #fef0df; font-size: 15px; }
.promotion .frame .content .mission .list li a .ico { display: inline-block; position: relative; top: 5px; background: url(../images/f4_sprt_1.2.png) no-repeat; background-position: -371px -63px; width: 17px; height: 21px; margin-left: 5px; }
.promotion .frame .content .mission .list li a:hover { color: #fbe3c4; text-decoration: underline !important; }
.promotion .frame .content .mission .list li a:hover .ico { background-position: -401px -63px; }
.promotion .frame .content .gift-list { margin-bottom: 15px; }
.promotion .frame .content .gift-list > ul { padding: 85px 0 0 30px; }
.promotion .frame .content .gift-list > ul > li { float: left; width: 262px; text-align: center; }
.promotion .frame .content .gift-list > ul > li .items { display: inline-block; background: url(../images/f4_sprt_1.2.png) no-repeat; width: 163px; height: 99px; margin-bottom: 12px; }
.promotion .frame .content .gift-list > ul > li .items.i1 { background-position: 0 -96px; }
.promotion .frame .content .gift-list > ul > li .items.i2 { background-position: 0 -209px; }
.promotion .frame .content .gift-list > ul > li .items.i3 { background-position: -216px -209px; }
.promotion .frame .content .gift-list > ul > li .code { margin-bottom: 15px; display: inline-block; background: #024b7e; width: 200px; height: 50px; line-height: 50px; padding-top: 3px; font-family: 'Minion Pro', Arial, sans-serif; color: #fca325; font-size: 22px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.promotion .frame .content .gift-list > ul > li .code .num { color: #ff2400; }
.promotion .frame .content .gift-list > ul > li .btn-row .btn { position: relative; background: url(../images/f4_sprt_1.2.png) no-repeat; background-position: -241px -52px; display: inline-block; width: 104px; height: 44px; cursor: default; }
.promotion .frame .content .gift-list > ul > li .btn-row .btn .txt { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; line-height: 44px; padding-top: 3px; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-size: 17px; text-transform: uppercase; text-shadow: 1px 1px 4px black; }
.promotion .frame .content .gift-list > ul > li .btn-row .btn .bg { background: url(../images/f4_sprt_1.2.png) no-repeat; background-position: -359px 0; float: left; width: 104px; height: 44px; visibility: hidden; }
.promotion .frame .content .gift-list > ul > li.done .code .num { color: #fca325; }
.promotion .frame .content .gift-list > ul > li.done .btn-row { display: none; }
.promotion .frame .content .gift-list > ul > li.active .code .num { color: #fca325; }
.promotion .frame .content .gift-list > ul > li.active .btn-row .btn { background-position: -239px 0; cursor: pointer; }
.promotion .frame .content .gift-list > ul > li.active .btn-row .btn:hover .bg { visibility: visible; }
.promotion .frame .content .note { line-height: 20px; color: #8f929c; font-size: 14px; text-shadow: 0 1px 5px #000; }
.promotion .frame .content .guide-menu { position: absolute; top: 0; right: -29px; z-index: 11; background: url(../images/f4_sprt_1.2.png) no-repeat; background-position: 0 0; float: left; width: 106px; }
.promotion .frame .content .guide-menu li { margin-bottom: 1px; margin-left: 1px; }
.promotion .frame .content .guide-menu li a { display: block; width: 106px; height: 36px; text-indent: -9999px; }
.promotion .frame .content .guide-menu li.active a, .promotion .frame .content .guide-menu li a:hover { background: url(../images/f4_sprt_1.2.png) no-repeat; }
.promotion .frame .content .guide-menu li.active a.rules-btn, .promotion .frame .content .guide-menu li a.rules-btn:hover { background-position: -121px 0; }
.promotion .frame .content .guide-menu li.active a.guide-btn, .promotion .frame .content .guide-menu li a.guide-btn:hover { background-position: -121px -37px; }
.promotion .frame .content .guide-popup { display: none; position: absolute; top: -28px; left: 32px; z-index: 9; background: #191611; float: left; width: 785px; height: 680px; color: #f2f9ff; font-size: 18px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.promotion .frame .content .guide-popup .close-btn { position: absolute; top: -20px; right: -10px; background: #7c400c; float: left; width: 30px; height: 30px; padding-top: 2px; text-align: center; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #745800; }
.promotion .frame .content .guide-popup .close-btn:before { content: "x"; line-height: 20px; color: #f1b874; font-size: 20px; }
.promotion .frame .content .guide-popup .close-btn:hover { background: #debe62; }
.promotion .frame .content .guide-popup .close-btn:hover:before { color: #745800; }
.promotion .frame .content .guide-popup .title { margin: 30px 0 0; font-size: 25px; text-transform: uppercase; }
.promotion .frame .content .guide-popup .guide-box { height: 620px; line-height: 24px; padding: 20px 30px; text-align: left; }
.promotion .frame .content .guide-popup .guide-box .title2 { display: inline-block; position: relative; margin-bottom: 13px; font-size: 18px; }
.promotion .frame .content .guide-popup .guide-box .title2:after { content: ""; position: absolute; left: 0; bottom: -2px; background: rgba(242, 249, 255, 0.4); float: left; width: 100%; height: 1px; }
.promotion .frame .content .guide-popup .guide-box img { max-width: 100%; height: auto; }
.promotion .frame .content .guide-popup .guide-box ul li { list-style: disc; margin-left: 20px; margin-bottom: 10px; }
.promotion .frame .content .guide-popup .guide-box ul li ul li { list-style: circle; margin-left: 20px; }
.promotion .frame .content .guide-popup .guide-box ul li p { margin-bottom: 15px; }
.promotion .frame .content .guide-popup .guide-box ul li strong { font-weight: bold; }
.promotion .frame .content .guide-popup .guide-box ol li { list-style: decimal; margin-left: 25px; margin-bottom: 10px; }
.promotion .frame .content .guide-popup .guide-box a { color: #ffae00; }
.promotion .frame .content .guide-popup .guide-box a:hover { text-decoration: underline !important; }
.promotion .frame .content .guide-popup .guide-box .lnk a { position: relative; padding-left: 20px; }
.promotion .frame .content .guide-popup .guide-box .lnk a:before { content: ">>"; position: absolute; top: 0; left: 0; font-size: 15px; }
.promotion .frame .content .guide-popup .guide-box .note h3 { position: relative; padding-left: 17px; margin-bottom: 5px; }
.promotion .frame .content .guide-popup .guide-box .note h3:before { content: "*"; position: absolute; top: 0; left: 0; font-size: 17px; }
.promotion .frame .content .guide-popup .guide-box .note .ctn { margin-left: 20px; font-size: 15px; }
.promotion .frame .content .guide-popup .description-scroll .scrollbar { margin-right: -20px; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite.png"); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url("../images/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
.login-page .nv { -moz-animation: moveleft .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; -webkit-animation: moveleft .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; animation: moveleft .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; }
.login-page .content { padding: 100px 90px 0; }
.login-page .content .frm-content { color: #dedede; font-size: 15px; }
.login-page .content .frm-content .name { margin-bottom: 12px; font-family: 'Roboto', Arial, sans-serif; color: #dedede; font-size: 30px; font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 5px #000; }
.login-page .content .frm-content .txt2 { margin-bottom: 20px; }
.login-page .content .frm-content .title-block { background: url(../images/f3_line.png) center center no-repeat; height: 10px; margin-bottom: 20px; }
.login-page .content .frm-content .welcome { display: inline-block; background: rgba(255, 255, 255, 0.2); width: 440px; padding: 8px 0 9px; margin-bottom: 30px; font-family: Arial, Tahoma, sans-serif; font-size: 16px; }
.login-page .content .frm-content .welcome strong { font-weight: bold; }
.login-page .content .frm-content .welcome .signout { font-size: 14px; }
.login-page .content .frm-content .note-box { display: inline-block; line-height: 18px; margin-top: 10px; font-family: Arial, Tahoma, sans-serif; color: #c5c4c4; font-size: 13px; text-align: left; }
.login-page .content .frm-content .note-box h3 { float: left; }
.login-page .content .frm-content .note-box .list { margin-left: 75px; }
.login-page .content .frm-content .error { display: block; margin-bottom: 10px; font-family: Arial, Tahoma, sans-serif; color: #f00; }
.login-page .content .frm-content .lg-box { display: inline-block; width: 440px; }
.login-page .content .frm-content .lg-box .frm { position: relative; margin-bottom: 10px; }
.login-page .content .frm-content .lg-box .frm input { background: #131313; width: 100%; height: 44px; padding: 7px 12px; color: #feba02; font-size: 18px; outline: 0; border: 0; }
.login-page .content .frm-content .lg-box .frm.username { margin-bottom: 10px; }
.login-page .content .frm-content .lg-box .frm.pass { margin-bottom: 5px; }
.login-page .content .frm-content .lg-box .frm .required { position: absolute; right: -30px; top: 15px; color: #feba02; }
.login-page .content .frm-content .lg-box .memo-row { margin-bottom: 12px; font-size: 12px; }
.login-page .content .frm-content .lg-box .memo-row .memorize { float: left; }
.login-page .content .frm-content .lg-box .memo-row .memorize input[type="checkbox"]:checked + label span.checkbox { background: #feba02; border-color: #feba02; }
.login-page .content .frm-content .lg-box .memo-row .forgot-pass { float: right; padding-top: 5px; }
.login-page .content .frm-content .lg-box .memo-row .forgot-pass a:hover { text-decoration: underline !important; }
.login-page .content .frm-content .lg-box .login-btn, .login-page .content .frm-content .lg-box .ld-btn { position: relative; background: url(../images/f3_sprt.png) no-repeat; background-position: 0 0; display: inline-block; width: 168px; height: 68px; }
.login-page .content .frm-content .lg-box .login-btn .txt, .login-page .content .frm-content .lg-box .ld-btn .txt { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; line-height: 60px; padding-top: 5px; font-family: 'Minion Pro', Arial, sans-serif; color: #fff; font-size: 20px; text-transform: uppercase; text-shadow: 1px 1px 4px black; }
.login-page .content .frm-content .lg-box .login-btn .bg, .login-page .content .frm-content .lg-box .ld-btn .bg { background: url(../images/f3_sprt.png) no-repeat; background-position: -180px 0; float: left; width: 168px; height: 68px; animation: _opacityb .7s ease-out 0.1s both infinite; -moz-animation: _opacityb .7s ease-out 0.1s both infinite; -webkit-animation: _opacityb .9s ease-out 0.1s both infinite; }
.login-page .content .frm-content .lg-box .login-btn:hover .bg, .login-page .content .frm-content .lg-box .ld-btn:hover .bg { display: none; }
.login-page .content .frm-content .lg-box .ld-btn { margin-top: 10px; }
.login-page .content .frm-content .lg-box .no-account { text-align: center; }
.login-page .content .frm-content .lg-box .no-account a:hover { text-decoration: underline !important; }
.login-page .content .frm-content .lg-box .or { width: 250px; height: 15px; margin: 18px auto 15px; text-align: center; }
.login-page .content .frm-content .lg-box .or span { display: inline-block; position: relative; bottom: 3px; height: 22px; line-height: 22px; padding: 0 5px; font-size: 13px; }
.login-page .content .frm-content .lg-box .or span:before, .login-page .content .frm-content .lg-box .or span:after { position: absolute; top: 12px; content: ""; float: left; width: 50px; height: 1px; border-bottom: 1px dotted #524841; }
.login-page .content .frm-content .lg-box .or span:before { left: -60px; }
.login-page .content .frm-content .lg-box .or span:after { right: -60px; }
.login-page .content .frm-content .lg-box .social-list { height: 42px; text-align: center; }
.login-page .content .frm-content .lg-box .social-list ul { display: inline-block; }
.login-page .content .frm-content .lg-box .social-list ul li { float: left; margin: 0 5px; }
.login-page .content .frm-content .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; }
.login-page .content .frm-content .lg-box .social-list ul li a:before { position: absolute; content: ""; color: #fff; background: url(../images/social_ico.png) no-repeat; }
.login-page .content .frm-content .lg-box .social-list ul li.fb a { background: #45619d; }
.login-page .content .frm-content .lg-box .social-list ul li.fb a:before { top: 8px; left: 11px; background-position: -24px 0; width: 10px; height: 17px; }
.login-page .content .frm-content .lg-box .social-list ul li.fb a:hover { background: #5476be; }
.login-page .content .frm-content .lg-box .social-list ul li.gg a { background: #ea4335; }
.login-page .content .frm-content .lg-box .social-list ul li.gg a:before { top: 8px; left: 8px; background-position: -42px -1px; width: 16px; height: 16px; }
.login-page .content .frm-content .lg-box .social-list ul li.gg a:hover { background: #fb4e40; }
.login-page .content .frm-content .lg-box .social-list ul li.yh a { background: #543f97; }
.login-page .content .frm-content .lg-box .social-list ul li.yh a:before { top: 8px; left: 10px; background-position: -65px -2px; width: 12px; height: 16px; }
.login-page .content .frm-content .lg-box .social-list ul li.yh a:hover { background: #6950ba; }
.login-page .content .frm-content .result { font-size: 18px; }
.login-page .content .frm-content .result h3 { margin-bottom: 20px; text-transform: uppercase; }
.login-page .content .frm-content .result .success { margin-bottom: 30px; }

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