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: #954810; }

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

a:hover { color: #ab5212; 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: 'UTMEssendineCaps'; src: url("../fonts/UTMEssendineCaps.eot");
  /* IE9 Compat Modes */
src: url("../fonts/UTMEssendineCaps.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMEssendineCaps.woff2") format("woff2"), url("../fonts/UTMEssendineCaps.woff") format("woff"), url("../fonts/UTMEssendineCaps.ttf") format("truetype"), url("../fonts/UTMEssendineCaps.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'UTMEssendineCapsBold'; src: url("../fonts/UTMEssendineCapsBold.eot");
  /* IE9 Compat Modes */
src: url("../fonts/UTMEssendineCapsBold.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMEssendineCapsBold.woff2") format("woff2"), url("../fonts/UTMEssendineCapsBold.woff") format("woff"), url("../fonts/UTMEssendineCapsBold.ttf") format("truetype"), url("../fonts/UTMEssendineCapsBold.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'UTM BryantLG'; src: url("../fonts/UTMBryantLG.eot");
  /* IE9 Compat Modes */
src: url("../fonts/UTMBryantLG.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMBryantLG.woff2") format("woff2"), url("../fonts/UTMBryantLG.woff") format("woff"), url("../fonts/UTMBryantLG.ttf") format("truetype"), url("../fonts/UTMBryantLG.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
input[type="checkbox"]:checked + label span.checkbox { position: relative; }

.promotion .frame .content .f4-tab .tab-menu > li > a .img span, .promotion .frame .content .f4-tab .tab-menu > li > a .btn span, .promotion .frame .content .f4-tab .tab-menu > li .gift-cond { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; }

.promotion .frame .content .f4-tab .tab-menu > li.active > a .img span, .promotion .frame .content .f4-tab .tab-menu > li.active > a .btn span, .promotion .frame .content .f4-tab .tab-menu > li > a:hover .img span, .promotion .frame .content .f4-tab .tab-menu > li > a:hover .btn span, .promotion .frame .content .f4-tab .tab-menu > li:hover .gift-cond { filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 100; opacity: 1; }

body { background-color: #000; overflow: hidden; }

* { -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; }

.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.effect .left-char, .intro.effect .right-char, .intro.effect .killustik, .intro.effect .bottom-rock { visibility: visible; }
.intro.effect .killustik { animation: zoomOut2 .9s ease-out 0s; -moz-animation: zoomOut2 .9s ease-out 0s; -webkit-animation: zoomOut2 .9s ease-out 0s; }
.intro.effect .left-char { animation: moveright .9s ease 0s; -moz-animation: moveright .9s ease 0s; -webkit-animation: moveright .9s ease 0s; }
.intro.effect .right-char { animation: moveleft .9s ease 0s; -moz-animation: moveleft .9s ease 0s; -webkit-animation: moveleft .9s ease 0s; }
.intro.effect .bottom-rock { animation: moveup .9s ease 0s; -moz-animation: moveup .9s ease 0s; -webkit-animation: moveup .9s ease 0s; }
.intro .bg-parallax { background: transparent url("../images/bg_f2.jpg") 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/bg_f3.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 .bottom-rock { position: absolute; bottom: 0; left: 50%; z-index: 4; background: transparent url("../images/f3_rock.png") 50% 50% no-repeat; width: 2100px; height: 689px; margin-left: -1050px; }

.promotion .bg-parallax { background: transparent url("../images/bg_f4.jpg") 50% 50% no-repeat; width: 2100px; margin-left: -1050px; }
.promotion .char { position: absolute; top: 10px; left: 50px; z-index: 2; background: transparent url("../images/f4_char.png") 0 0 no-repeat; width: 842px; height: 937px; animation: movedown 1s 0s infinite; -moz-animation: movedown 1s 0s infinite; -webkit-animation: wobbleY2 1.2s ease 0s infinite; }

/*Placeholder text color*/
::-webkit-input-placeholder { color: #b07c46; }

:-moz-placeholder { color: #b07c46 !important; }

::-moz-placeholder { color: #b07c46 !important; }

::-ms-input-placeholder { color: #b07c46; }

:focus::-webkit-input-placeholder { color: #986c3d; }

:focus:-moz-placeholder { color: #986c3d !important; }

:focus::-moz-placeholder { color: #986c3d !important; }

:focus::-ms-input-placeholder { color: #986c3d; }

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

input[type="checkbox"] + label span.checkbox { display: inline-block; background: #ab7b08; width: 13px; height: 13px; margin: 5px 4px 1px 0; font-family: Arial, Tahoma, sans-serif; vertical-align: -3px; cursor: pointer; border: 1px solid #ab7b08; 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: -148px; } }
@-webkit-keyframes playeffb { 100% { background-position: -148px; } }
@keyframes playeffb { 100% { background-position: -148px; } }
@-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 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); } }
.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(187, 159, 80, 0.4); height: 100%; width: 6px; position: relative; }

.description-scroll .thumb { background: #bb9f50; 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: #bb9f50; 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: -162px; margin-top: 25px; }

.loading img.loading-logo { width: 277px; height: 126px; top: 50%; left: 50%; margin-top: -108px; margin-left: -138px; }

.tooltip { display: none; position: absolute; background: rgba(0, 0, 0, 0.8); 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 rgba(0, 0, 0, 0.8) 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 rgba(0, 0, 0, 0.8); 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: rgba(0, 0, 0, 0.8) 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 rgba(0, 0, 0, 0.8) transparent; margin-left: -5px; }

.next-frame { position: absolute; bottom: 50px; left: 50%; z-index: 9; float: left; width: 53px; height: 53px; margin-left: -26px; text-indent: -9999px; }
.next-frame span { background: url(../images/scroll_down.png) no-repeat; display: block; width: 53px; height: 53px; animation: movedown 1s 0s infinite; -moz-animation: movedown 1s 0s infinite; -webkit-animation: movedown 1s 0s infinite; }
.next-frame:hover span { background-position: -62px 0; animation: none; -moz-animation: none; -webkit-animation: none; }
.next-frame:before, .next-frame:after { position: absolute; top: 21px; content: ""; background: url(../images/scroll_down.png) no-repeat; float: left; width: 133px; height: 10px; }
.next-frame:before { right: 72px; background-position: 0 -70px; }
.next-frame:after { left: 72px; background-position: 0 -109px; }

/*-------------------------------------*/
.onepage-pagination { position: absolute; left: 40px; top: 50%; float: left; width: 95px; margin-top: -160px; z-index: 99; }
@media (max-width: 1400px) { .onepage-pagination { width: 57px; } }
.onepage-pagination li { position: relative; }
.onepage-pagination li .tooltip { left: 105px; }
@media (max-width: 1400px) { .onepage-pagination li .tooltip { left: 65px; } }
.onepage-pagination li a { display: block; background: url(../images/nav_sprt.png) no-repeat; height: 110px; }
@media (max-width: 1400px) { .onepage-pagination li a { background-size: 114px 190px; height: 66px; } }
.onepage-pagination li:nth-child(1) a { background-position: 0 0; }
.onepage-pagination li:nth-child(1) a.active, .onepage-pagination li:nth-child(1) a:hover { background-position: -95px 0; }
@media (max-width: 1400px) { .onepage-pagination li:nth-child(1) a.active, .onepage-pagination li:nth-child(1) a:hover { background-position: -57px 0; } }
.onepage-pagination li:nth-child(2) a { background-position: 0 -107px; }
@media (max-width: 1400px) { .onepage-pagination li:nth-child(2) a { background-position: 0 -64px; } }
.onepage-pagination li:nth-child(2) a.active, .onepage-pagination li:nth-child(2) a:hover { background-position: -95px -107px; }
@media (max-width: 1400px) { .onepage-pagination li:nth-child(2) a.active, .onepage-pagination li:nth-child(2) a:hover { background-position: -57px -64px; } }
.onepage-pagination li:nth-child(3) a { background-position: 0 -215px; }
@media (max-width: 1400px) { .onepage-pagination li:nth-child(3) a { background-position: 0 -129px; } }
.onepage-pagination li:nth-child(3) a.active, .onepage-pagination li:nth-child(3) a:hover { background-position: -95px -215px; }
@media (max-width: 1400px) { .onepage-pagination li:nth-child(3) a.active, .onepage-pagination li:nth-child(3) a:hover { background-position: -57px -129px; } }
.onepage-pagination li:hover .tooltip { display: block; }

/*-----------------------*/
.social-menu { position: absolute; right: 40px; top: 50px; float: left; width: 89px; z-index: 99; }
@media (max-width: 1400px) { .social-menu { width: 54px; } }
.social-menu li { float: left; margin-bottom: 20px; }
.social-menu li a { background: url(../images/social_menu.png) no-repeat; float: left; width: 89px; height: 89px; text-indent: -9999px; }
@media (max-width: 1400px) { .social-menu li a { background-size: 108px 175px; width: 54px; height: 54px; } }
.social-menu li a.fb-fanpage { background-position: 0 0; }
.social-menu li a.fb-fanpage:hover { background-position: -90px 0; }
@media (max-width: 1400px) { .social-menu li a.fb-fanpage:hover { background-position: -54px 0; } }
.social-menu li a.fb-share { background-position: 0 -99px; }
@media (max-width: 1400px) { .social-menu li a.fb-share { background-position: 0 -59px; } }
.social-menu li a.fb-share:hover { background-position: -90px -99px; }
@media (max-width: 1400px) { .social-menu li a.fb-share:hover { background-position: -54px -59px; } }
.social-menu li a.fb-group { background-position: 0 -202px; }
@media (max-width: 1400px) { .social-menu li a.fb-group { background-position: 0 -121px; } }
.social-menu li a.fb-group:hover { background-position: -90px -202px; }
@media (max-width: 1400px) { .social-menu li a.fb-group:hover { background-position: -54px -121px; } }
.social-menu li a.homepage { position: relative; background: url(../images/nav_sprt.png) no-repeat; background-position: 0 0; width: 95px; height: 100px; }
@media (max-width: 1400px) { .social-menu li a.homepage { background-size: 114px 190px; background-position: 0 0; width: 58px; height: 60px; } }
.social-menu li a.homepage:hover { background-position: -95px 0; }
@media (max-width: 1400px) { .social-menu li a.homepage:hover { background-position: -57px 0; } }
.social-menu li a.homepage:hover .tooltip { display: block; text-indent: 0; }

/*----------------------*/
.fb-chat-box { position: fixed; bottom: 0; right: 0; z-index: 99; float: left; width: 220px; }
.fb-chat-box .title { background: url(../images/fb_chat_sprt.png) no-repeat; height: 40px; line-height: 39px; font-family: 'UTMEssendineCaps', Arial, sans-serif; color: #ffe399; font-size: 13px; font-weight: normal; cursor: pointer; }
.fb-chat-box .title .txt { float: left; padding-left: 15px; font-size: 15px; 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/fb_chat_sprt.png) no-repeat; background-position: -231px -23px; float: left; width: 20px; height: 12px; }
.fb-chat-box .title.active .ico:before { top: 15px; background-position: -231px -4px; }

.intro.effect .content { visibility: visible; animation: _opacitya .9s ease-out 0s; -moz-animation: _opacitya .9s ease-out 0s; -webkit-animation: _opacitya .9s ease-out 0s; }
.intro .content { visibility: hidden; position: absolute; top: 60px; 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-video { background: url(../images/f2_play_btn.png) no-repeat; background-position: 0 0; width: 74px; height: 76px; position: absolute; top: 130px; left: 50%; width: 74px; height: 76px; margin-left: 140px; 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-video.hover, .intro .play-video:hover { background: url(../images/f2_play_btn.png) no-repeat !important; background-position: -74px 0 !important; -moz-animation: none; -webkit-animation: none; animation: none; }
.intro .alpha-test { margin-top: -74px; }
.intro .date { margin-top: 15px; margin-bottom: 20px; font-family: 'UTMEssendineCaps', Arial, sans-serif; color: #231f20; font-size: 45px; font-weight: bold; letter-spacing: 4px; }
.intro .countdown { position: relative; display: inline-block; background: url(../images/time_frame.png) -20px 0 no-repeat; height: 58px; margin-right: 20px; margin-bottom: 48px; }
.intro .countdown:before, .intro .countdown:after { position: absolute; top: 0; content: ""; background: url(../images/time_frame.png) no-repeat; float: left; width: 20px; height: 58px; }
.intro .countdown:before { left: -20px; background-position: 0 0; }
.intro .countdown:after { right: -20px; background-position: -306px 0; }
.intro .countdown ul { float: left; margin: 3px 0 0; }
.intro .countdown ul li { position: relative; margin-right: 19px; float: left; font-family: 'UTMEssendineCaps', Arial, sans-serif; color: #000; }
.intro .countdown ul li:before { position: absolute; top: 15px; right: -8px; content: ""; background: #000; float: left; width: 1px; height: 22px; }
.intro .countdown ul li .num { margin-bottom: 4px; font-size: 32px; letter-spacing: 2px; }
.intro .countdown ul li .txt { font-size: 10px; font-weight: bold; text-transform: uppercase; }
.intro .countdown ul li:last-child { margin-right: 0; }
.intro .countdown ul li:last-child:before { display: none; }
.intro .btn-row ul { display: inline-block; }
.intro .btn-row ul li { float: left; }
.intro .btn-row ul li .btn { float: left; width: 234px; height: 101px; text-indent: -9999px; }
.intro .btn-row ul li .btn span { float: left; width: 234px; height: 101px; 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; }
.intro .btn-row ul li .btn.luudanh-btn { background: url(../images/luudanh_btn.png) no-repeat; margin-right: 25px; }
.intro .btn-row ul li .btn.luudanh-btn span { background: url(../images/luudanh_btn.png) -234px 0 no-repeat; }
.intro .btn-row ul li .btn.diemdanh-btn { background: url(../images/diemdanh_btn.png) no-repeat; }
.intro .btn-row ul li .btn.diemdanh-btn span { background: url(../images/diemdanh_btn.png) -234px 0 no-repeat; }
.intro .btn-row ul li .btn:hover span { animation: none; -moz-animation: none; -webkit-animation: none; }
.intro.alphatest .play-video { top: 270px; background: url(../images/at_play_btn.png) no-repeat; width: 82px; height: 84px; margin-left: 114px; -moz-animation: playeffa 1600ms steps(2) infinite; -webkit-animation: playeffa 1600ms steps(2) infinite; animation: playeffa 1600ms steps(2) infinite; }
.intro.alphatest .play-video.hover, .intro.alphatest .play-video:hover { background: url(../images/at_play_btn.png) no-repeat !important; background-position: -82px 0 !important; -moz-animation: none; -webkit-animation: none; animation: none; }
.intro.alphatest .txt { margin-bottom: 35px; }
.intro.alphatest .txt img { margin-top: 0; }
.intro.alphatest .btn-row .play-btn { display: inline-block; background: url(../images/play_btn.gif) no-repeat; width: 291px; height: 223px; }

.luudanh .next-frame { margin-left: 0; }
.luudanh .content { position: absolute; top: 30px; left: 50%; z-index: 9; width: 842px; margin-left: -351px; text-align: center; }
.luudanh .content .logo { margin-bottom: 17px; }
.luudanh .content .logo img { width: 222px; height: auto; }
.luudanh .content .txt img { margin-left: -75px; }
.luudanh .content .sum-members { display: inline-block; position: relative; margin-top: 15px; margin-left: -30px; margin-bottom: 45px; font-family: 'UTMEssendineCapsBold', Arial, sans-serif; color: #01244e; font-size: 26px; text-transform: uppercase; }
.luudanh .content .sum-members .num { color: #b51612; }
.luudanh .content .sum-members:before, .luudanh .content .sum-members:after { position: absolute; top: 11px; content: ""; background: url(../images/f3_line.png) no-repeat; float: left; width: 133px; height: 10px; }
.luudanh .content .sum-members:before { left: -145px; background-position: 0 0; }
.luudanh .content .sum-members:after { right: -145px; background-position: -143px 0; }
.luudanh .content .friends { margin-left: -30px; margin-bottom: 35px; font-family: 'UTMEssendineCapsBold', Arial, sans-serif; color: #606060; font-size: 16px; text-transform: uppercase; }
.luudanh .content .friends .num { color: #010101; }
.luudanh .content .btn-row { margin-bottom: 6px; }
.luudanh .content .btn-row .luudanh-btn { background: url(../images/luudanh_btn.png) no-repeat; display: inline-block; width: 234px; height: 101px; margin-right: 25px; text-indent: -9999px; }
.luudanh .content .btn-row .luudanh-btn span { background: url(../images/luudanh_btn.png) -234px 0 no-repeat; float: left; width: 234px; height: 101px; 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 span { animation: none; -moz-animation: none; -webkit-animation: none; }
.luudanh .content .gift { position: relative; background: url(../images/f3_gift.png) no-repeat; display: inline-block; width: 700px; height: 181px; padding-right: 52px; margin-bottom: 33px; }
.luudanh .content .gift .light { background: url(../images/f3_gift.png) -700px 0 no-repeat; 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_gift.png) no-repeat; float: left; }
.luudanh .content .gift .lb.lb1 { top: 9px; left: 0; background-position: -1511px -54px; width: 73px; height: 73px; 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: 8px; left: 240px; background-position: -1409px -100px; width: 73px; height: 73px; 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: 2px; left: 480px; background-position: -1403px -2px; width: 85px; height: 82px; 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 .f { position: absolute; float: left; width: 145px; height: 130px; }
.luudanh .content .gift .f .red { color: #f00; }
.luudanh .content .gift .f.f1 { top: 40px; left: 25px; }
.luudanh .content .gift .f.f2 { top: 40px; left: 268px; }
.luudanh .content .gift .f.f3 { top: 40px; left: 505px; }
.luudanh .content .gift .f:hover .tooltip { display: block; margin-bottom: 150px; padding: 5px 8px; font-size: 14px; }
.luudanh .content .note { line-height: 22px; padding-right: 80px; font-family: 'UTMEssendineCaps', Arial, sans-serif; color: #bcbcbc; font-size: 15px; }

.promotion .logo { position: absolute; top: 20px; left: 50%; margin-left: -67px; }
.promotion .logo img { width: 222px; height: auto; }
.promotion .frame { position: absolute; bottom: 0; left: 50%; z-index: 9; background: url(../images/f4_frame.png) no-repeat; float: left; width: 1393px; height: 897px; margin-left: -737px; padding: 155px 0 0 440px; }
.promotion .frame .content { position: relative; float: left; width: 660px; padding-top: 11px; font-family: 'UTM BryantLG', Arial, sans-serif; text-align: center; }
.promotion .frame .content .txt { margin-bottom: 17px; color: #68a3d6; font-size: 17px; }
.promotion .frame .content .code-box { position: relative; display: inline-block; background: #041018; height: 57px; border-right: 1px solid #204054; }
.promotion .frame .content .code-box ul li { background: url(../images/promo_sprt.png) no-repeat; background-position: -644px 0; float: left; width: 39px; height: 57px; line-height: 56px; font-family: 'UTM BryantLG', Arial, sans-serif; color: #f2f9ff; font-size: 28px; text-transform: uppercase; }
.promotion .frame .content .code-box input { position: absolute; top: 1px; left: 1px; z-index: 2; background: none; width: 623px; height: 55px; line-height: 55px; padding-left: 11px; font-family: 'UTM BryantLG', Arial, sans-serif; color: #f2f9ff; font-size: 28px; text-transform: uppercase; letter-spacing: 20.5px; border: 0; outline: none; }
.promotion .frame .content .f4-tab { position: relative; width: 640px; padding-left: 15px; margin-top: -5px; }
.promotion .frame .content .f4-tab:before { content: ""; position: absolute; top: 80px; left: 50%; background: url(../images/promo_sprt.png) no-repeat; background-position: 0 -843px; float: left; width: 640px; height: 40px; margin-left: -310px; }
.promotion .frame .content .f4-tab .tab-menu { width: 495px; margin-left: 82px; margin-bottom: 17px; }
.promotion .frame .content .f4-tab .tab-menu > li { position: relative; float: left; width: 159px; margin: 0 3px; }
.promotion .frame .content .f4-tab .tab-menu > li > a { position: relative; display: block; height: 198px; }
.promotion .frame .content .f4-tab .tab-menu > li > a .img, .promotion .frame .content .f4-tab .tab-menu > li > a .img span, .promotion .frame .content .f4-tab .tab-menu > li > a .btn, .promotion .frame .content .f4-tab .tab-menu > li > a .btn span { background: url(../images/promo_sprt.png) no-repeat; }
.promotion .frame .content .f4-tab .tab-menu > li > a .img, .promotion .frame .content .f4-tab .tab-menu > li > a .img span { display: block; height: 198px; }
.promotion .frame .content .f4-tab .tab-menu > li > a .btn, .promotion .frame .content .f4-tab .tab-menu > li > a .btn span { display: inline-block; width: 120px; height: 31px; }
.promotion .frame .content .f4-tab .tab-menu > li > a .img span, .promotion .frame .content .f4-tab .tab-menu > li > a .btn span { transition: all 0.5s ease 0s; visibility: visible; }
.promotion .frame .content .f4-tab .tab-menu > li > a .btn { display: none; background-position: -431px 0; }
.promotion .frame .content .f4-tab .tab-menu > li > a .btn span { background-position: -431px -38px; }
.promotion .frame .content .f4-tab .tab-menu > li > a:hover .tooltip { display: block; top: 195px; }
.promotion .frame .content .f4-tab .tab-menu > li.item1 > a .img { background-position: 0 0; }
.promotion .frame .content .f4-tab .tab-menu > li.item1 > a .img span { background-position: 0 -200px; }
.promotion .frame .content .f4-tab .tab-menu > li.item2 > a .img { background-position: -165px 0; }
.promotion .frame .content .f4-tab .tab-menu > li.item2 > a .img span { background-position: -165px -200px; }
.promotion .frame .content .f4-tab .tab-menu > li.item3 > a .img { background-position: -326px 0; }
.promotion .frame .content .f4-tab .tab-menu > li.item3 > a .img span { background-position: -326px -200px; }
.promotion .frame .content .f4-tab .tab-menu > li.ok > a:before, .promotion .frame .content .f4-tab .tab-menu > li.miss > a:before, .promotion .frame .content .f4-tab .tab-menu > li.received > a:before { position: absolute; top: 50%; left: 50%; z-index: 1; content: ""; background: url(../images/promo_sprt.png) no-repeat; float: left; width: 120px; margin-left: -73px; }
.promotion .frame .content .f4-tab .tab-menu > li.received > a:before { margin-top: -53px; background-position: -310px -432px; height: 95px; }
.promotion .frame .content .f4-tab .tab-menu > li.ok > a:before { margin-top: -53px; background-position: 0 -432px; height: 95px; }
.promotion .frame .content .f4-tab .tab-menu > li.miss > a:before { margin-top: -49px; background-position: -150px -432px; height: 88px; }
.promotion .frame .content .f4-tab .tab-menu > li.active > a .img span, .promotion .frame .content .f4-tab .tab-menu > li.active > a .btn span, .promotion .frame .content .f4-tab .tab-menu > li > a:hover .img span, .promotion .frame .content .f4-tab .tab-menu > li > a:hover .btn span { visibility: visible; }
.promotion .frame .content .f4-tab .tab-menu > li .gift-cond { visibility: hidden; transition: all 0.5s ease 0s; position: absolute; top: 43px; left: 7px; z-index: 99; background: rgba(0, 0, 0, 0.9); float: left; width: 118px; height: 118px; padding-top: 20px; color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.promotion .frame .content .f4-tab .tab-menu > li .gift-cond li { list-style-type: decimal; margin-left: 23px; margin-bottom: 10px; text-align: left; }
.promotion .frame .content .f4-tab .tab-menu > li .gift-cond li a { color: #fff; }
.promotion .frame .content .f4-tab .tab-menu > li .gift-cond li a:hover { color: #f2d38e; text-decoration: underline !important; }
.promotion .frame .content .f4-tab .tab-menu > li:hover .gift-cond { visibility: visible; }
.promotion .frame .content .f4-tab .tab-content { color: #fff; }
.promotion .frame .content .f4-tab .tab-content > li { display: none; }
.promotion .frame .content .f4-tab .tab-content > li.active { display: block; }
.promotion .frame .content .f4-tab .tab-content > li .gift-detail { width: 629px; margin-left: 5px; }
.promotion .frame .content .f4-tab .tab-content > li .gift-detail .gift-video { float: left; }
.promotion .frame .content .f4-tab .tab-content > li .gift-detail .gift-video, .promotion .frame .content .f4-tab .tab-content > li .gift-detail .gift-video .thevideo { width: 422px; height: 270px; }
.promotion .frame .content .f4-tab .tab-content > li .gift-detail .desc { background: url(../images/promo_sprt.png) no-repeat; float: left; width: 195px; height: 270px; margin-left: 12px; }
.promotion .frame .content .f4-tab .tab-content > li .gift-detail.item1 .desc { background-position: 0 -563px; }
.promotion .frame .content .f4-tab .tab-content > li .gift-detail.item2 .desc { background-position: -202px -563px; }
.promotion .frame .content .f4-tab .tab-content > li .gift-detail.item3 .desc { background-position: -403px -563px; }
.promotion .frame .content .txt2 { margin-top: 3px; margin-bottom: 5px; color: #68a3d6; font-size: 17px; }
.promotion .frame .content .btn-row .dd-btn, .promotion .frame .content .btn-row .dd-btn span { background: url(../images/promo_sprt.png) no-repeat; width: 195px; height: 82px; }
.promotion .frame .content .btn-row .dd-btn { display: inline-block; background-position: -501px -83px; }
.promotion .frame .content .btn-row .dd-btn span { 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; display: block; background-position: -501px -179px; text-indent: -9999px; }
.promotion .frame .content .btn-row .dd-btn:hover span { animation: none; -moz-animation: none; -webkit-animation: none; }
.promotion .frame .content .guide-menu { position: absolute; top: 0; right: -130px; background: url(../images/guide_sprt.png) no-repeat; background-position: 0 0; float: left; width: 97px; height: 203px; padding-top: 45px; }
.promotion .frame .content .guide-menu li { margin-bottom: 1px; margin-left: 1px; }
.promotion .frame .content .guide-menu li a { display: block; width: 94px; height: 64px; text-indent: -9999px; }
.promotion .frame .content .guide-menu li.active a, .promotion .frame .content .guide-menu li a:hover { background: url(../images/guide_sprt.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: -106px -45px; }
.promotion .frame .content .guide-menu li.active a.guide-btn, .promotion .frame .content .guide-menu li a.guide-btn:hover { background-position: -104px -110px; }
.promotion .frame .content .guide-popup { display: none; position: absolute; top: 0; left: 0; z-index: 9; background: #163147; float: left; width: 660px; height: 700px; color: #f2f9ff; font-size: 18px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7); }
.promotion .frame .content .guide-popup .close-btn { position: absolute; top: -20px; right: -10px; background: #bb9f50; float: left; width: 30px; height: 30px; 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: #745800; font-size: 20px; }
.promotion .frame .content .guide-popup .close-btn:hover { background: #debe62; }
.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 .bg-parallax { background: transparent url("../images/bg_login.jpg") 50% 50% no-repeat; width: 2100px; margin-left: -1050px; }
.login-page .bottom-rock { animation: moveup .7s ease 0.3s; -moz-animation: moveup .7s ease 0.3s; -webkit-animation: moveup .7s ease 0.3s; }
.login-page .content .frm-content { padding: 20px 70px 0 0; font-family: 'UTMEssendineCaps', Arial, sans-serif; font-size: 15px; }
.login-page .content .frm-content .name { margin-bottom: 20px; font-size: 25px; text-transform: uppercase; }
.login-page .content .frm-content .txt2 { margin-bottom: 10px; }
.login-page .content .frm-content .title-block { margin-bottom: 50px; }
.login-page .content .frm-content .title-block .title { display: inline-block; position: relative; color: #954810; font-size: 20px; text-transform: uppercase; }
.login-page .content .frm-content .title-block .title:before, .login-page .content .frm-content .title-block .title:after { position: absolute; top: 7px; content: ""; background: url(../images/scroll_down.png) no-repeat; float: left; width: 133px; height: 10px; }
.login-page .content .frm-content .title-block .title:before { left: 0; background-position: 0 -109px; }
.login-page .content .frm-content .title-block .title:after { right: 0; background-position: 0 -70px; }
.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: #333; 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: rgba(186, 133, 20, 0.3); width: 100%; height: 44px; padding: 7px 12px; 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: #954810; }
.login-page .content .frm-content .lg-box .memo-row { margin-bottom: 20px; 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: #ab7b08; border-color: #ab7b08; }
.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 { background: url(../images/login_btn.png) no-repeat; display: inline-block; width: 164px; height: 71px; margin-bottom: 10px; text-indent: -9999px; }
.login-page .content .frm-content .lg-box .login-btn span, .login-page .content .frm-content .lg-box .ld-btn span { background: url(../images/login_btn.png) -164px 0 no-repeat; float: left; width: 164px; height: 71px; transition: all 0.5s ease 0s; filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; visibility: hidden; }
.login-page .content .frm-content .lg-box .login-btn:hover span, .login-page .content .frm-content .lg-box .ld-btn:hover span { filter: progid:DXImageTransform.Microsoft.alpha(opacity=1); -moz-opacity: 1; opacity: 1; visibility: visible; }
.login-page .content .frm-content .lg-box .ld-btn { background: url(../images/luudanh_btn.png) no-repeat; background-size: 328px 71px; margin-top: 10px; }
.login-page .content .frm-content .lg-box .ld-btn span { background: url(../images/luudanh_btn.png) no-repeat; background-size: 328px 71px; background-position: -164px 0; }
.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 #666; }
.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=ttk.css.map */