@import url(https://fonts.googleapis.com/css?family=Roboto:300,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: #d4c071; }

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

.intro .btn-list .btn:hover .txt-box { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.intro .btn-list .btn .bg, .livestream .play4-btn .bg { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; }

.intro .btn-list .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 { position: absolute; bottom: 20px; left: 20px; z-index: 99; 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%; }

#frame-01, #frame-02, #frame-03, #frame-04 { position: absolute; left: 0; }

#frame-01 { top: 0; }

#frame-02 { top: 100%; }

#frame-03 { top: 200%; }

#frame-04 { top: 300%; }

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

/*Placeholder text color*/
::-webkit-input-placeholder { color: rgba(79, 79, 79, 0.5); }

:-moz-placeholder { color: rgba(79, 79, 79, 0.5) !important; }

::-moz-placeholder { color: rgba(79, 79, 79, 0.5) !important; }

::-ms-input-placeholder { color: rgba(79, 79, 79, 0.5); }

:focus::-webkit-input-placeholder { color: rgba(79, 79, 79, 0.7); }

:focus:-moz-placeholder { color: rgba(79, 79, 79, 0.7) !important; }

:focus::-moz-placeholder { color: rgba(79, 79, 79, 0.7) !important; }

:focus::-ms-input-placeholder { color: rgba(79, 79, 79, 0.7); }

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

input[type="checkbox"] + label span.checkbox { display: inline-block; background: #dedede; width: 13px; height: 13px; margin: 5px 4px 1px 0; font-family: Arial, Tahoma, sans-serif; vertical-align: -3px; cursor: pointer; border: 1px solid #dedede; 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: -5760px; } }
@-webkit-keyframes playeffa { 100% { background-position: -5760px; } }
@keyframes playeffa { 100% { background-position: -5760px; } }
@-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 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 zoomOut1 { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomOut1 { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  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; }

.tooltip { display: none; position: absolute; background: #960404; 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 #960404 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 #960404; 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: #960404 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 #960404 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; }
@media (max-width: 500px) { .next-frame { bottom: 90px; } }
.next-frame span { background: url(../images/ico_sprt_1.1.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: 992px) { .r-sticky { top: auto; bottom: 0; right: 0; width: 40px; } }
.r-sticky .row { float: left; width: 100%; }
.r-sticky .row .sound { position: relative; bottom: auto; left: auto; background: url(../images/ico_sprt_1.1.png) no-repeat; background-position: -255px 0; margin-left: 10px; }
@media (max-width: 992px) { .r-sticky .row .sound { background-size: 258px 112px; background-position: -195px 0; width: 18px; height: 19px; } }
.r-sticky .row .sound.mute { background-position: -280px 0; }
@media (max-width: 992px) { .r-sticky .row .sound.mute { background-position: -178px 0; } }

/*-------------------------------------*/
.onepage-pagination { width: 95px; z-index: 99; background: url(../images/ico_sprt_1.1.png) no-repeat; background-position: 0 -59px; float: left; width: 43px; height: 98px; padding-top: 18px; padding-left: 13px; margin-bottom: 17px; }
@media (max-width: 992px) { .onepage-pagination { display: none; } }
.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: #960404; }
.onepage-pagination li:hover .tooltip { display: block; }

/*-----------------------*/
.social-menu { float: left; width: 45px; z-index: 99; }
@media (max-width: 992px) { .social-menu { display: none; } }
.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_1.1.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: url(../images/fb_chat.png) no-repeat; 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; color: #cbced0; 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: -5px; background: url(../images/fb_chat.png) no-repeat; background-position: -235px -28px; float: left; width: 23px; height: 12px; }
.fb-chat-box .title.active .ico:before { top: 15px; background-position: -235px 0; }

.intro .bg-parallax { background: transparent url("../images/f2_bg.jpg") 50% 50% no-repeat; width: 2100px; margin-left: -1050px; }
.intro .nv1, .intro .nv2, .intro .nv3, .intro .nv4, .intro .light, .intro .bottom, .intro .topbg { position: absolute; }
@media (max-width: 640px) { .intro .nv1, .intro .nv2, .intro .nv3, .intro .nv4 { display: none; } }
.intro .nv1 { top: -10px; left: -130px; z-index: 1; background: transparent url("../images/f2_nv1.png") 50% 50% no-repeat; width: 715px; height: 993px; }
.intro .nv2 { top: -50px; left: 30px; z-index: 2; background: transparent url("../images/f2_nv2.png") 50% 50% no-repeat; width: 689px; height: 802px; }
.intro .nv3 { top: -10px; right: 0; z-index: 1; background: transparent url("../images/f2_nv3.png") 50% 50% no-repeat; width: 1185px; height: 1000px; }
.intro .nv4 { top: 80px; right: -120px; z-index: 2; background: transparent url("../images/f2_nv4.png") 50% 50% no-repeat; width: 635px; height: 996px; }
.intro .light { bottom: 0; left: 50%; z-index: 4; background: transparent url("../images/f2_light.png") 50% 50% no-repeat; width: 2000px; height: 888px; margin-left: -1000px; }
.intro .bottom { bottom: 0; left: 50%; z-index: 3; background: transparent url("../images/f2_bottom.png") 50% 50% no-repeat; width: 2100px; height: 679px; margin-left: -1050px; }
.intro .topbg { bottom: 0; left: 50%; z-index: 5; background: transparent url("../images/f2_top_bg.png") 50% 50% no-repeat; width: 2000px; height: 1000px; margin-left: -1000px; }

#frame-01.active .intro .tagline .txt .tag { animation: zoomIn .3s ease-out 0.7s both, _opacitya .9s ease-out 0.7s both; -moz-animation: zoomIn .3s ease-out 0.7s both, _opacitya .9s ease-out 0.7s both; -webkit-animation: zoomIn .3s ease-out 0.7s both, _opacitya .9s ease-out 0.7s both; }
#frame-01.active .intro .nv1, #frame-01.active .intro .nv2 { -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-01.active .intro .nv3, #frame-01.active .intro .nv4 { -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; }

.intro .logo { margin-left: 25px; }
@media (max-width: 500px) { .intro .logo img { width: 189px; height: auto; } }
.intro .tagline { padding: 0 0 13px; }
.intro .tagline .txt { position: relative; display: inline-block; background: url(../images/f2_txt_1.1.png) no-repeat; background-position: 0 0; width: 570px; height: 283px; }
@media (max-width: 500px) { .intro .tagline .txt { background-size: 495px 201px; width: 398px; height: 199px; } }
.intro .tagline .txt .tag { position: absolute; top: 0; right: -63px; background: url(../images/f2_txt_1.1.png) no-repeat; background-position: -632px -2px; width: 71px; height: 126px; }
@media (max-width: 500px) { .intro .tagline .txt .tag { right: -45px; background-size: 495px 201px; background-position: -441px 0; width: 51px; height: 89px; } }
.intro .note2 { position: absolute; bottom: 75px; left: 0; z-index: 99; float: left; width: 100%; line-height: 24px; color: #ccdce5; font-size: 16px; text-align: center; text-shadow: 0 1px 5px #000; }
@media (max-width: 500px) { .intro .note2 { bottom: 140px; } }
.intro .note2 a { color: #afb3bf; }
.intro .note2 a:hover { color: #ffae00; }
.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 { position: absolute; top: 165px; right: 50px; background: url(../images/f2_txt_1.1.png) no-repeat; background-position: -636px -147px; float: left; width: 56px; height: 64px; }
@media (max-width: 500px) { .intro .play-row { top: 108px; right: 30px; background-size: 495px 201px; background-position: -444px -102px; width: 40px; height: 46px; } }
.intro .play-row .play-video { background: url(../images/f2_txt_1.1.png) no-repeat; background-position: -636px -223px; float: left; width: 56px; height: 64px; text-indent: -9999px; 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; }
@media (max-width: 500px) { .intro .play-row .play-video { background-size: 495px 201px; background-position: -444px -156px; width: 40px; height: 46px; } }
.intro .play-row .play-video.hover, .intro .play-row .play-video:hover { background: url(../images/f2_txt_1.1.png) no-repeat !important; background-position: -636px -223px !important; -moz-animation: none; -webkit-animation: none; animation: none; }
@media (max-width: 500px) { .intro .play-row .play-video.hover, .intro .play-row .play-video:hover { background-size: 495px 201px !important; background-position: -444px -156px !important; } }
.intro .note { position: relative; display: inline-block; height: 55px; line-height: 53px; padding: 0 0 0 29px; margin-top: 15px; font-family: 'Roboto', Arial, sans-serif; color: #e2e2e2; font-size: 22px; font-weight: 300; }
.intro .note:before { content: ""; position: absolute; top: 0; left: 0; background: url(../images/f2_note_bg.png) no-repeat; width: 30px; height: 55px; }
.intro .note .inside { background: url(../images/f2_note_bg.png) no-repeat; background-position: right 0; height: 55px; padding: 0 29px 0 0; }
.intro .note .yellow { color: #f9efad; font-weight: normal; }
.intro .btn-list { margin-top: 25px; }
.intro .btn-list .inside { position: relative; display: inline-block; background: url(../images/f2_btn_1.1.png) no-repeat; background-position: 0 0; width: 407px; height: 281px; }
.intro .btn-list .lb { position: absolute; top: 60px; left: 133px; width: 143px; height: 162px; }
.intro .btn-list .lb .txt-box, .intro .btn-list .lb .bg { position: absolute; top: 0; left: 0; float: left; width: 100%; height: 100%; }
.intro .btn-list .lb .txt-box { z-index: 2; padding-top: 45px; color: #fbef9f; text-align: center; cursor: default; }
.intro .btn-list .lb .txt-box .txt, .intro .btn-list .lb .txt-box .num { display: block; font-family: 'Roboto', Tahoma, sans-serif; text-transform: uppercase; font-weight: 500; }
.intro .btn-list .lb .txt-box .num { margin-bottom: 10px; font-size: 40px; }
.intro .btn-list .lb .txt-box .txt { line-height: 16px; font-size: 32px; }
.intro .btn-list .lb .bg { z-index: 1; background: url(../images/f2_btn_1.1.png) no-repeat; background-position: -133px -371px; animation: _opacityb .9s ease-out 0.2s both infinite; -moz-animation: _opacityb .9s ease-out 0.2s both infinite; -webkit-animation: _opacityb .9s ease-out 0.2s both infinite; }
.intro .btn-list .btn { position: absolute; float: left; width: 98px; height: 112px; }
.intro .btn-list .btn:hover .txt-box { color: #333; }
.intro .btn-list .btn:hover .bg { animation: _opacitya .3s ease-out 0s; -moz-animation: _opacitya .3s ease-out 0s; -webkit-animation: _opacitya .3s ease-out 0s; }
.intro .btn-list .btn .txt-box, .intro .btn-list .btn .bg { position: absolute; top: 0; left: 0; float: left; width: 100%; height: 100%; }
.intro .btn-list .btn .txt-box { z-index: 2; color: #d5dbdf; }
.intro .btn-list .btn .txt-box .txt, .intro .btn-list .btn .txt-box .num { display: block; font-family: 'Roboto', Tahoma, sans-serif; text-transform: uppercase; }
.intro .btn-list .btn .txt-box .num { margin-bottom: 5px; font-size: 19px; }
.intro .btn-list .btn .txt-box .txt { line-height: 16px; font-size: 13px; }
.intro .btn-list .btn .bg { z-index: 1; background: url(../images/f2_btn_1.1.png) no-repeat; }
.intro .btn-list .btn.btn1 { top: 0; left: 0; }
.intro .btn-list .btn.btn1 .txt-box { padding-top: 25px; }
.intro .btn-list .btn.btn1 .bg { background-position: 0 -311px; }
.intro .btn-list .btn.btn2 { top: 0; right: 1px; }
.intro .btn-list .btn.btn2 .txt-box { padding-top: 35px; }
.intro .btn-list .btn.btn2 .bg { background-position: -308px -311px; }
.intro .btn-list .btn.btn3 { right: 1px; bottom: 1px; }
.intro .btn-list .btn.btn3 .txt-box { padding-top: 35px; }
.intro .btn-list .btn.btn3 .bg { background-position: -308px -479px; }
.intro .btn-list .btn.btn4 { left: 0; bottom: 1px; }
.intro .btn-list .btn.btn4 .txt-box { padding-top: 26px; }
.intro .btn-list .btn.btn4 .bg { background-position: 0 -479px; }

.at-page .tagline { margin-top: -50px; }
.at-page .tagline .txt { background: url(../images/at_sprt.png) no-repeat; width: 605px; height: 415px; }
@media (max-width: 500px) { .at-page .tagline .txt { background-size: 490px 365px; width: 424px; height: 291px; } }
.at-page .tagline .txt .tag { top: 60px; right: -20px; background: url(../images/at_sprt.png) no-repeat; background-position: -613px 0; width: 87px; height: 144px; }
@media (max-width: 500px) { .at-page .tagline .txt .tag { top: 42px; background-size: 490px 365px; background-position: -429px 0; width: 61px; height: 101px; } }
.at-page .play-row { top: 255px; right: 105px; background: url(../images/at_sprt.png) no-repeat; background-position: -624px -166px; width: 60px; height: 67px; }
@media (max-width: 500px) { .at-page .play-row { top: 180px; right: 75px; background-size: 490px 365px; background-position: -436px -116px; width: 43px; height: 47px; } }
.at-page .play-row .play-video { background: url(../images/at_sprt.png) no-repeat; background-position: -624px -246px; width: 60px; height: 67px; }
@media (max-width: 500px) { .at-page .play-row .play-video { background-size: 490px 365px; background-position: -436px -172px; width: 43px; height: 47px; } }
.at-page .play-row .play-video.hover, .at-page .play-row .play-video:hover { background: url(../images/at_sprt.png) no-repeat !important; background-position: -624px -246px !important; }
@media (max-width: 500px) { .at-page .play-row .play-video.hover, .at-page .play-row .play-video:hover { background-size: 490px 365px !important; background-position: -436px -172px !important; } }
.at-page .note-info { display: inline-block; background: url(../images/at_frame_bg.png) no-repeat; width: 565px; height: 86px; margin-top: 10px; padding-top: 17px; font-family: Tahoma, Arial, sans-serif; }
@media (max-width: 500px) { .at-page .note-info { background: #393a3f; width: 400px; height: auto; padding-bottom: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } }
.at-page .note-info .txt1 { margin-bottom: 10px; color: #9b9b9b; font-size: 23px; }
@media (max-width: 500px) { .at-page .note-info .txt1 { line-height: 28px; } }
.at-page .note-info .txt1 .yellow { color: #fce525; }
.at-page .note-info .txt2 { color: #737373; font-size: 16px; font-style: italic; }
.at-page .btn-row { margin-top: 35px; }
.at-page .btn-row .play-btn { position: relative; display: inline-block; background: url(../images/at_sprt.png) no-repeat; background-position: 0 -441px; width: 229px; height: 81px; }
.at-page .btn-row .play-btn .bg, .at-page .btn-row .play-btn .txt { position: absolute; background: url(../images/at_sprt.png) no-repeat; }
.at-page .btn-row .play-btn .txt { top: 50%; left: 50%; z-index: 2; background-position: -517px -465px; width: 152px; height: 32px; margin-top: -16px; margin-left: -76px; animation: zoomOut1 .9s ease-out 0s both infinite; -moz-animation: zoomOut1 .9s ease-out 0s both infinite; -webkit-animation: zoomOut1 .9s ease-out 0s both infinite; }
.at-page .btn-row .play-btn .bg { top: 0; left: 0; z-index: 1; background-position: -250px -441px; width: 100%; height: 100%; 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 .txt, .at-page .btn-row .play-btn:hover .bg { animation: none; -moz-animation: none; -webkit-animation: none; }

.luudanh.login-page { top: 50%; }
@media (max-width: 500px) { .luudanh .next-frame { bottom: 50px; } }
.luudanh .bg-parallax { background: transparent url("../images/f3_bg.jpg") 50% 50% no-repeat; width: 2100px; margin-left: -1050px; }
.luudanh .nv { position: absolute; z-index: 10; }
@media (max-width: 640px) { .luudanh .nv { display: none; } }
.luudanh .nv.nv1 { top: 0; left: 350px; background: transparent url("../images/f3_nv1.png") no-repeat; width: 668px; height: 1000px; }
.luudanh .nv.nv2 { top: 0; left: 100px; background: transparent url("../images/f3_nv2.png") no-repeat; width: 1113px; height: 913px; }
.luudanh .nv.nv3 { top: 70px; left: 160px; background: transparent url("../images/f3_nv3.png") no-repeat; width: 836px; height: 801px; }
.luudanh .nv.nv4 { top: 15px; left: 150px; background: transparent url("../images/f3_nv4.png") no-repeat; width: 878px; height: 949px; }

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

.luudanh .logo { position: absolute; top: 110px; left: 50%; width: 190px; height: 168px; margin-left: 63px; }
@media (max-width: 640px) { .luudanh .logo { width: 270px; margin-left: -135px; } }
@media (max-width: 500px) { .luudanh .logo { top: 50px; } }
.luudanh .top-line { position: absolute; top: 230px; left: 50%; background: url(../images/f3_top_line.png) no-repeat; float: left; width: 1275px; height: 51px; margin-left: -540px; }
@media (max-width: 640px) { .luudanh .top-line { margin-left: -637px; } }
@media (max-width: 500px) { .luudanh .top-line { top: 170px; } }
.luudanh .content { z-index: 11; position: absolute; top: 230px; left: 50%; width: 650px; min-height: 637px; padding-top: 60px; margin-left: -125px; text-align: center; }
@media (max-width: 640px) { .luudanh .content { margin-left: -325px; } }
@media (max-width: 500px) { .luudanh .content { top: 190px; } }
.luudanh .content .title { margin-bottom: 30px; color: #dedede; font-size: 35px; text-transform: uppercase; }
.luudanh .content .sum-members { position: relative; margin-bottom: 30px; }
.luudanh .content .sum-members .txt { margin-bottom: 25px; font-family: Arial, sans-serif; color: #d4c071; 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: #d4c071; font-size: 60px; letter-spacing: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.luudanh .content .btn-row { margin-bottom: 40px; }
.luudanh .content .btn-row .luudanh-btn { position: relative; background: url(../images/f3_sprt.png) no-repeat; background-position: -225px -367px; display: inline-block; width: 179px; height: 63px; }
.luudanh .content .btn-row .luudanh-btn .bg { background: url(../images/f3_sprt.png) no-repeat; background-position: -425px -367px; float: left; width: 179px; height: 63px; 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 { animation: none; -moz-animation: none; -webkit-animation: none; }
.luudanh .content .note { line-height: 24px; margin-bottom: 40px; margin-left: 40px; color: #8c9396; font-size: 16px; text-align: left; text-shadow: 0 1px 5px #000; }
@media (max-width: 500px) { .luudanh .content .note { margin-left: 0; text-align: center; } }
.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 0; display: inline-block; width: 524px; height: 152px; margin-bottom: 5px; }
.luudanh .content .gift .light { background: url(../images/f3_sprt.png) no-repeat; background-position: 0 -178px; display: block; width: 524px; height: 152px; 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: 59px; left: 53px; background-position: -614px -8px; width: 39px; height: 36px; 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: 59px; left: 241px; background-position: -613px -63px; width: 39px; height: 36px; 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: 58px; left: 418px; background-position: -606px -120px; width: 57px; height: 36px; 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 { margin-left: 30px; margin-bottom: 20px; }
.luudanh .content .gift-info li { background: url(../images/f3_sprt.png) no-repeat; background-position: 0 -367px; float: left; width: 189px; height: 87px; line-height: 20px; padding: 15px 20px 0; color: #ccdce4; font-size: 15px; }

.livestream.login-page { top: 50%; }
.livestream .next-frame { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); }
@media (max-width: 500px) { .livestream .next-frame { bottom: 20px; } }
.livestream .bg-parallax { background: transparent url("../images/f3_bg.jpg") 50% 50% no-repeat; width: 2100px; margin-left: -1050px; }
.livestream .nv { position: absolute; z-index: 10; bottom: 160px; left: 420px; background: transparent url("../images/f4_nv.png") no-repeat; width: 265px; height: 554px; }
@media (max-width: 640px) { .livestream .nv { display: none; } }
.livestream .play4-btn { position: absolute; bottom: 220px; left: 490px; z-index: 11; background: url(../images/f4_sprt.png) no-repeat; background-position: -310px 0; display: inline-block; width: 69px; height: 49px; }
@media (max-width: 640px) { .livestream .play4-btn { bottom: 75px; left: 50%; margin-left: -30px; } }
.livestream .play4-btn .bg { background: url(../images/f4_sprt.png) no-repeat; background-position: -310px -70px; float: left; width: 69px; height: 49px; animation: _opacityb .7s ease-out 0.3s both infinite; -moz-animation: _opacityb .7s ease-out 0.3s both infinite; -webkit-animation: _opacityb .9s ease-out 0.3s both infinite; }
.livestream .play4-btn:hover .bg { animation: _opacitya .3s ease-out 0s both; -moz-animation: _opacitya .3s ease-out 0s both; -webkit-animation: _opacitya .3s ease-out 0s both; }

#frame-03.active .livestream .nv { -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; }

.livestream .logo { position: absolute; top: 110px; left: 50%; width: 190px; height: 168px; margin-left: 63px; }
@media (max-width: 640px) { .livestream .logo { width: 270px; margin-left: -135px; } }
@media (max-width: 500px) { .livestream .logo { top: 50px; } }
.livestream .top-line { position: absolute; top: 230px; left: 50%; background: url(../images/f3_top_line.png) no-repeat; float: left; width: 1275px; height: 51px; margin-left: -540px; }
@media (max-width: 640px) { .livestream .top-line { margin-left: -637px; } }
@media (max-width: 500px) { .livestream .top-line { top: 170px; } }
.livestream .content { z-index: 11; position: absolute; top: 230px; left: 50%; width: 900px; min-height: 637px; padding-top: 60px; margin-left: -285px; text-align: center; }
@media (max-width: 640px) { .livestream .content { margin-left: -440px; } }
@media (max-width: 500px) { .livestream .content { top: 190px; width: 550px; margin-left: -275px; } }
.livestream .content .title { margin-bottom: 45px; color: #dedede; font-size: 35px; text-transform: uppercase; }
@media (max-width: 500px) { .livestream .content .title { line-height: 40px; font-size: 28px; } }
.livestream .content .detail { background: url(../images/f4_bg.png) no-repeat; width: 765px; height: 348px; margin: 0 0 0 90px; padding: 50px 0 0 30px; font-family: 'Minion Pro', Arial, Tahoma, sans-serif; }
@media (max-width: 500px) { .livestream .content .detail { background-size: 100% 100%; width: 600px; margin: 0; padding: 50px 0 0 30px; } }
.livestream .content .detail ul li { float: left; color: #fff; font-size: 25px; font-weight: bold; }
.livestream .content .detail ul li h2 { margin-bottom: 25px; color: #ccba5a; font-size: 31px; }
.livestream .content .detail ul li p { line-height: 30px; margin-bottom: 10px; }
.livestream .content .detail ul li:first-child { width: 410px; }
@media (max-width: 500px) { .livestream .content .detail ul li:first-child { width: 330px; } }
.livestream .content .detail ul li:last-child { width: 210px; }
@media (max-width: 500px) { .livestream .content .detail ul li:last-child { width: 170px; } }
.livestream .content .btn-row { margin-top: 40px; }
.livestream .content .btn-row .trym-btn { position: relative; background: url(../images/f4_sprt.png) no-repeat; background-position: 0 0; display: inline-block; width: 279px; height: 81px; }
.livestream .content .btn-row .trym-btn .bg { background: url(../images/f4_sprt.png) no-repeat; background-position: 0 -90px; float: left; width: 279px; height: 81px; 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; }
.livestream .content .btn-row .trym-btn:hover .bg { animation: none; -moz-animation: none; -webkit-animation: none; }

/*! 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: moveright .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; -webkit-animation: moveright .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; animation: moveright .7s ease-out 0.3s both, wobbleX 1.2s ease-out 1.2s infinite; }
.login-page .content { padding: 60px 0 0; }
.login-page .content .frm-content { color: #dedede; font-size: 15px; }
.login-page .content .frm-content .name { margin-bottom: 12px; color: #dedede; font-size: 35px; text-transform: uppercase; font-weight: normal; text-shadow: 0 1px 5px #000; }
.login-page .content .frm-content .txt2 { margin-bottom: 15px; }
.login-page .content .frm-content .title-block { background: url(../images/f3_line.png) center center no-repeat; height: 10px; margin-bottom: 30px; }
.login-page .content .frm-content .welcome { display: inline-block; background: rgba(255, 255, 255, 0.2); height: 35px; padding: 9px 30px 0; margin-bottom: 35px; font-family: Arial, Tahoma, sans-serif; font-size: 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.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: 20px; font-family: Arial, Tahoma, sans-serif; color: #c5c4c4; font-size: 14px; text-align: left; }
@media (max-width: 500px) { .login-page .content .frm-content .note-box { width: 500px; } }
.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: #fff; width: 100%; height: 44px; padding: 7px 12px; color: #4f4f4f; 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: 30px; font-size: 13px; }
.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: #d4c071; border-color: #d4c071; }
.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; display: inline-block; height: 64px; }
.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; float: left; height: 64px; 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 { animation: none; -moz-animation: none; -webkit-animation: none; }
.login-page .content .frm-content .lg-box .login-btn { background-position: -581px -185px; width: 195px; }
.login-page .content .frm-content .lg-box .login-btn .bg { background-position: -581px -264px; width: 195px; }
.login-page .content .frm-content .lg-box .ld-btn { background-position: -225px -367px; width: 195px; }
.login-page .content .frm-content .lg-box .ld-btn .bg { background-position: -425px -367px; width: 195px; }
.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-family: 'Roboto', Arial, sans-serif; }
.login-page .content .frm-content .result h3 { color: #d4c071; font-size: 22px; margin-bottom: 10px; text-transform: uppercase; }
.login-page .content .frm-content .result .note { margin: 0 0 15px; color: #7a8489; font-size: 17px; text-align: center; }
.login-page .content .frm-content .result .info { line-height: 24px; padding: 0 70px; margin-bottom: 30px; color: #ccdce4; font-size: 18px; text-shadow: 0 1px 5px #000; }
.login-page .content .frm-content .result .info .yellow { color: #d4c071; }
.login-page .content .frm-content .result .btn-row .home-btn { position: relative; background: url(../images/f3_sprt.png) no-repeat; background-position: -227px -439px; display: inline-block; width: 169px; height: 49px; }
.login-page .content .frm-content .result .btn-row .home-btn .bg { background: url(../images/f3_sprt.png) no-repeat; background-position: -407px -439px; float: left; width: 169px; height: 49px; 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 .result .btn-row .home-btn:hover .bg { animation: none; -moz-animation: none; -webkit-animation: none; }

.teaser1 .bg-parallax { background: transparent url("../images/bg_teaser1.jpg") 50% 50% no-repeat; width: 2000px; height: 1000px; margin-left: -1000px; margin-top: -500px; }
.teaser1 .nv1, .teaser1 .nv2, .teaser1 .dark-bg, .teaser1 .l-light, .teaser1 .r-light { position: absolute; }
.teaser1 .nv1 { top: 0; left: 50%; z-index: 2; background: transparent url("../images/nv1.png") no-repeat; width: 2000px; height: 1000px; margin-left: -990px; }
.teaser1 .nv2 { top: 0; left: 50%; z-index: 3; background: transparent url("../images/nv2_1.1.png") no-repeat; width: 720px; height: 1000px; margin-left: 0; -moz-animation: playeffa 1600ms steps(8) infinite; -webkit-animation: playeffa 1600ms steps(8) infinite; animation: playeffa 1600ms steps(8) infinite; }
.teaser1 .dark-bg { bottom: 0; left: 50%; z-index: 4; background: transparent url("../images/dark_bg.png") 50% 50% no-repeat; width: 2000px; height: 619px; margin-left: -1000px; }
.teaser1 .l-light { bottom: 50px; left: 0; z-index: 5; background: transparent url("../images/l_light_1.1.png") no-repeat; width: 887px; height: 683px; }
.teaser1 .r-light { bottom: 40px; right: 0; z-index: 5; background: transparent url("../images/r_light.png") no-repeat; width: 840px; height: 602px; }
.teaser1 .content { position: absolute; top: 0; left: 50%; z-index: 90; width: 720px; height: 100%; margin-left: -360px; text-align: center; }
.teaser1 .content .logo { padding-top: 20px; }
.teaser1 .content .detail { position: absolute; bottom: 100px; left: 0; float: left; width: 100%; }
.teaser1 .content .detail .txt { position: relative; display: inline-block; background: transparent url("../images/txt.png") no-repeat; width: 718px; height: 242px; }
.teaser1 .content .detail .txt .txt1 { background: url(../images/txt.png) -718px 0 no-repeat; float: left; width: 100%; height: 157px; animation: fadeInRight 1.7s ease 0.7s both infinite; -moz-animation: fadeInRight 1.7s ease 0.7s both infinite; -webkit-animation: fadeInRight 1.7s ease 0.7s both infinite; }
.teaser1 .content .detail .txt .txt2 { background: url(../images/txt.png) -718px -157px no-repeat; float: left; width: 100%; height: 85px; animation: _opacityb 1.9s ease-out 1.7s both infinite; -moz-animation: _opacityb 1.9s ease-out 1.7s both infinite; -webkit-animation: _opacityb 1.9s ease-out 1.7s both infinite; }
.teaser1 .content .detail .txt .tag { position: absolute; bottom: 32px; right: -72px; background: transparent url("../images/tag.png") no-repeat; float: left; width: 95px; height: 99px; 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; }
.teaser1 .content .detail .commin-soon { padding: 5px 0 0 70px; margin-bottom: 45px; }
.teaser1 .content .detail .notify { margin-bottom: 20px; font-family: 'Minion Pro', Arial, sans-serif; color: #d60d24; font-size: 25px; }
.teaser1 .content .detail .fb-plugin { display: inline-block; }
.teaser1 .content .detail .fb-plugin .fb-like, .teaser1 .content .detail .fb-plugin .fb-share, .teaser1 .content .detail .fb-plugin .fb-group { float: left; margin: 0 7px; }

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