@charset "UTF-8";
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,vietnamese,latin-ext);
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.66667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333%; }

.col-xs-5 { width: 41.66667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333%; }

.col-xs-8 { width: 66.66667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333%; }

.col-xs-11 { width: 91.66667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333%; }

.col-xs-pull-2 { right: 16.66667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333%; }

.col-xs-pull-5 { right: 41.66667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333%; }

.col-xs-pull-8 { right: 66.66667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333%; }

.col-xs-pull-11 { right: 91.66667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333%; }

.col-xs-push-2 { left: 16.66667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333%; }

.col-xs-push-5 { left: 41.66667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333%; }

.col-xs-push-8 { left: 66.66667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333%; }

.col-xs-push-11 { left: 91.66667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333%; }
  .col-sm-2 { width: 16.66667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333%; }
  .col-sm-5 { width: 41.66667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333%; }
  .col-sm-8 { width: 66.66667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333%; }
  .col-sm-11 { width: 91.66667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.66667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333%; }
  .col-lg-5 { width: 41.66667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333%; }
  .col-lg-8 { width: 66.66667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333%; }
  .col-lg-11 { width: 91.66667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }

input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } }
.form-group { margin-bottom: 15px; }

.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }
.form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; }

.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm { height: 30px; line-height: 30px; }

textarea.input-sm, select[multiple].input-sm { height: auto; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.form-group-sm select.form-control { height: 30px; line-height: 30px; }
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }
.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }

select.input-lg { height: 46px; line-height: 46px; }

textarea.input-lg, select[multiple].input-lg { height: auto; }

.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }
.form-group-lg select.form-control { height: 46px; line-height: 46px; }
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }
.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; }

.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 42.5px; }

.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; }
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }
.has-success .form-control-feedback { color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; }
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }
.has-warning .form-control-feedback { color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; }
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }
.has-error .form-control-feedback { color: #a94442; }

.has-feedback label ~ .form-control-feedback { top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }
.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }
.form-horizontal .form-group:after { clear: both; }
@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback { right: 15px; }
@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33333px; font-size: 18px; } }
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }

.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }

button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.modal-open { overflow: hidden; }

.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 10px; }

.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }

.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.42857; }

.modal-body { position: relative; padding: 15px; }

.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after { content: " "; display: table; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; }
  .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm { width: 300px; } }
@media (min-width: 992px) { .modal-lg { width: 900px; } }
/*End bootstrap*/
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: 'VniVAGRounded', Arial, sans-serif; }

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

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

a:hover { 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 UTM Azuki*/
@font-face { font-family: 'UTMAzuki'; src: url("../fonts/UTMAzuki.eot"); src: url("../fonts/UTMAzuki.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMAzuki.woff2") format("woff2"), url("../fonts/UTMAzuki.woff") format("woff"), url("../fonts/UTMAzuki.ttf") format("truetype"), url("../fonts/UTMAzuki.svg#svgFontName") format("svg"); font-weight: normal; font-style: normal; }
/*Font VNI VAG Rounded Thin*/
@font-face { font-family: 'VniVAGRounded'; src: url("../fonts/VniVAGRoundedThin.eot"); src: url("../fonts/VniVAGRoundedThin.eot?#iefix") format("embedded-opentype"), url("../fonts/VniVAGRoundedThin.woff2") format("woff2"), url("../fonts/VniVAGRoundedThin.woff") format("woff"), url("../fonts/VniVAGRoundedThin.ttf") format("truetype"), url("../fonts/VniVAGRoundedThin.svg#svgFontName") format("svg"); font-weight: 300; font-style: normal; }
/*Font VNI VAG Rounded Light*/
@font-face { font-family: 'VniVAGRounded'; src: url("../fonts/VniVAGRoundedLight.eot"); src: url("../fonts/VniVAGRoundedLight.eot?#iefix") format("embedded-opentype"), url("../fonts/VniVAGRoundedLight.woff2") format("woff2"), url("../fonts/VniVAGRoundedLight.woff") format("woff"), url("../fonts/VniVAGRoundedLight.ttf") format("truetype"), url("../fonts/VniVAGRoundedLight.svg#svgFontName") format("svg"); font-weight: normal; font-style: normal; }
/*Font VNI VAG Rounded Bold*/
@font-face { font-family: 'VniVAGRounded'; src: url("../fonts/VniVAGRoundedBold.eot"); src: url("../fonts/VniVAGRoundedBold.eot?#iefix") format("embedded-opentype"), url("../fonts/VniVAGRoundedBold.woff2") format("woff2"), url("../fonts/VniVAGRoundedBold.woff") format("woff"), url("../fonts/VniVAGRoundedBold.ttf") format("truetype"), url("../fonts/VniVAGRoundedBold.svg#svgFontName") format("svg"); font-weight: 700; font-style: normal; }
/**/
.uiselector .select-click:after, input[type="checkbox"]:checked + label span.checkbox:before, .uiselector, .teaser-sticky ul:after { float: left; }

.uiselector, .uiselector .select-click, input[type="checkbox"]:checked + label span.checkbox, .teaser-sticky ul li.like { position: relative; }

.uiselector .select-click:after, input[type="checkbox"]:checked + label span.checkbox:before, .uiselector .select-option { position: absolute; }

.uiselector .select-click:after, input[type="checkbox"]:checked + label span.checkbox:before { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.teaser-wrap .calendar .wrap .rollcall-btn .bg, .main-page .content-wrap .lixi-list ul li .item .bg, .result-page .ibtn .bg { transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; }

.teaser-wrap .calendar .wrap .rollcall-btn .bg, .teaser-wrap .calendar .wrap .rollcall-btn.inactive:hover .bg, .main-page .content-wrap .lixi-list ul li .item .bg, .result-page .ibtn .bg { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; }

.teaser-wrap .calendar .wrap .rollcall-btn:hover .bg, .main-page .content-wrap .lixi-list ul li.lixi3 .item2 .txt, .main-page .content-wrap .lixi-list ul li:hover .item .bg, .main-page .content-wrap .lixi-list ul li.inactive .item .bg, .result-page .ibtn:hover .bg, .modal-header .close { filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 100; opacity: 1; }

.container { width: 100%; max-width: 1170px; }
@media (min-width: 1024px) and (max-width: 1254px) { .container { padding-left: 45px; padding-right: 45px; } }
@media (max-width: 767px) { .container { padding-left: 10px; padding-right: 10px; } }

.mt15 { margin-top: 15px; }

/*---Key Frame---*/
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); } }
@-webkit-keyframes fadeInDown2 { 0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(140px); } }
@-moz-keyframes fadeInDown2 { 0% { -moz-transform: translateY(0); }
  100% { -moz-transform: translateY(140px); } }
@keyframes fadeInDown2 { 0% { transform: translateY(0); }
  100% { transform: translateY(140px); } }
@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); } }
@keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); }
  60% { opacity: 1; transform: translateY(30px); }
  80% { transform: translateY(-10px); }
  100% { transform: translateY(0); } }
@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); }
  25% { -webkit-transform: translateX(15%) rotate(-9deg); }
  60% { -webkit-transform: translateX(-15%) rotate(9deg); }
  100% { -webkit-transform: translateX(0%) rotate(0deg); } }
@-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); }
  25% { -moz-transform: translateX(15%) rotate(-9deg); }
  60% { -moz-transform: translateX(-15%) rotate(9deg); }
  100% { -moz-transform: translateX(0%) rotate(0deg); } }
@keyframes wobble { 0% { transform: translateX(0%); }
  25% { transform: translateX(15%) rotate(-9deg); }
  60% { transform: translateX(-15%) rotate(9deg); }
  100% { transform: translateX(0%) rotate(0deg); } }
@-webkit-keyframes wobble2 { 0% { -webkit-transform: translateX(0) rotate(0); }
  25% { -webkit-transform: translateX(-15%) rotate(3deg); }
  50% { -webkit-transform: translateX(15%) rotate(-3deg); }
  75% { -webkit-transform: translateX(-15%) rotate(3deg); }
  100% { -webkit-transform: translateX(0) rotate(0); } }
@-moz-keyframes wobble2 { 0% { -moz-transform: translateX(0) rotate(0); }
  25% { -moz-transform: translateX(-15%) rotate(3deg); }
  50% { -moz-transform: translateX(15%) rotate(-3deg); }
  75% { -moz-transform: translateX(-15%) rotate(3deg); }
  100% { -moz-transform: translateX(0) rotate(0); } }
@keyframes wobble2 { 0% { transform: translateX(0) rotate(0); }
  25% { transform: translateX(-15%) rotate(3deg); }
  50% { transform: translateX(15%) rotate(-3deg); }
  75% { transform: translateX(-15%) rotate(3deg); }
  100% { transform: translateX(0) rotate(0); } }
@-webkit-keyframes wobble3 { 0% { -webkit-transform: translateX(0); }
  25% { -webkit-transform: translateX(-5%); }
  50% { -webkit-transform: translateX(5%); }
  75% { -webkit-transform: translateX(-5%); }
  100% { -webkit-transform: translateX(0); } }
@-moz-keyframes wobble3 { 0% { -moz-transform: translateX(0); }
  25% { -moz-transform: translateX(-5%); }
  50% { -moz-transform: translateX(5%); }
  75% { -moz-transform: translateX(-5%); }
  100% { -moz-transform: translateX(0); } }
@keyframes wobble3 { 0% { transform: translateX(0); }
  25% { transform: translateX(-5%); }
  50% { transform: translateX(5%); }
  75% { transform: translateX(-5%); }
  100% { transform: translateX(0); } }
@-webkit-keyframes wobble4 { 0% { -webkit-transform: translateX(0) rotate(0); }
  50% { -webkit-transform: translateX(-10px) rotate(3deg); }
  100% { -webkit-transform: translateX(0) rotate(0); } }
@-moz-keyframes wobble4 { 0% { -moz-transform: translateX(0) rotate(0); }
  50% { -moz-transform: translateX(-10px) rotate(3deg); }
  100% { -moz-transform: translateX(0) rotate(0); } }
@keyframes wobble4 { 0% { transform: translateX(0) rotate(0); }
  50% { transform: translateX(-10px) rotate(3deg); }
  100% { transform: translateX(0) rotate(0); } }
@-webkit-keyframes wobble5 { 0% { -webkit-transform: translateX(0) rotate(0); }
  50% { -webkit-transform: translateX(10px) rotate(-3deg); }
  100% { -webkit-transform: translateX(0) rotate(0); } }
@-moz-keyframes wobble45 { 0% { -moz-transform: translateX(0) rotate(0); }
  50% { -moz-transform: translateX(10px) rotate(-3deg); }
  100% { -moz-transform: translateX(0) rotate(0); } }
@keyframes wobble5 { 0% { transform: translateX(0) rotate(0); }
  50% { transform: translateX(10px) rotate(-3deg); }
  100% { transform: translateX(0) rotate(0); } }
@-webkit-keyframes wobbleY { 0% { -webkit-transform: translateY(0); }
  25% { -webkit-transform: translateY(-5px); }
  50% { -webkit-transform: translateY(5px); }
  75% { -webkit-transform: translateY(-5px); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes wobbleY { 0% { -moz-transform: translateY(0); }
  25% { -moz-transform: translateY(-5px); }
  50% { -moz-transform: translateY(5px); }
  75% { -moz-transform: translateY(-5px); }
  100% { -moz-transform: translateY(0); } }
@keyframes wobbleY { 0% { transform: translateY(0); }
  25% { transform: translateY(-5px); }
  50% { transform: translateY(5px); }
  75% { transform: translateY(-5px); }
  100% { transform: translateY(0); } }
@-webkit-keyframes wobbleY2 { 0% { -webkit-transform: translateY(0) rotate(0); }
  25% { -webkit-transform: translateY(-5%) rotate(3deg); }
  50% { -webkit-transform: translateY(5%) rotate(-3deg); }
  75% { -webkit-transform: translateY(-5%) rotate(3deg); }
  100% { -webkit-transform: translateY(0) rotate(0); } }
@-moz-keyframes wobbleY2 { 0% { -moz-transform: translateY(0) rotate(0); }
  25% { -moz-transform: translateY(-5%) rotate(3deg); }
  50% { -moz-transform: translateY(5%) rotate(-3deg); }
  75% { -moz-transform: translateY(-5%) rotate(3deg); }
  100% { -moz-transform: translateY(0) rotate(0); } }
@keyframes wobbleY2 { 0% { transform: translateY(0) rotate(0); }
  25% { transform: translateY(-5%) rotate(3deg); }
  50% { transform: translateY(5%) rotate(-3deg); }
  75% { transform: translateY(-5%) rotate(3deg); }
  100% { transform: translateY(0) rotate(0); } }
@-webkit-keyframes rotate1 { 0% { -webkit-transform: rotate(0deg); }
  30% { -webkit-transform: rotate(-30deg); }
  60% { -webkit-transform: rotate(30deg); }
  100% { -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotate1 { 0% { -moz-transform: rotate(0deg); }
  30% { -moz-transform: rotate(-30deg); }
  60% { -moz-transform: rotate(30deg); }
  100% { -moz-transform: rotate(0deg); } }
@keyframes rotate1 { 0% { transform: rotate(0deg); }
  30% { transform: rotate(-30deg); }
  60% { transform: rotate(30deg); }
  100% { transform: rotate(0deg); } }
@-webkit-keyframes rotate2 { 0% { -webkit-transform: rotate(0deg); }
  30% { -webkit-transform: rotate(40deg); }
  60% { -webkit-transform: rotate(-30deg); }
  100% { -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotate2 { 0% { -moz-transform: rotate(0deg); }
  30% { -moz-transform: rotate(40deg); }
  60% { -moz-transform: rotate(-30deg); }
  100% { -moz-transform: rotate(0deg); } }
@keyframes rotate2 { 0% { transform: rotate(0deg); }
  30% { transform: rotate(40deg); }
  60% { transform: rotate(-30deg); }
  100% { transform: rotate(0deg); } }
@-webkit-keyframes rotate3 { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate3 { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); } }
@keyframes rotate3 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes zoomIn { 0% { -webkit-transform: scale(1); transform: scale(1); }
  35% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  65% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomIn { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  35% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  65% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@-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 zoomFallO { 0% { -webkit-transform: scale(0); }
  10% { -webkit-transform: scale(1); }
  35% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(750px); }
  80% { opacity: 1; transform: translateY(750px); }
  100% { opacity: 0; transform: translateY(750px); } }
@keyframes zoomFallO { 0% { transform: scale(0); }
  10% { transform: scale(1); }
  35% { transform: translateY(0); }
  50% { transform: translateY(750px); }
  80% { opacity: 1; transform: translateY(750px); }
  100% { opacity: 0; transform: translateY(750px); } }
@-webkit-keyframes zoomFallO2 { 0% { -webkit-transform: scale(0); }
  10% { -webkit-transform: scale(1); }
  35% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(563px); }
  80% { opacity: 1; transform: translateY(563px); }
  100% { opacity: 0; transform: translateY(563px); } }
@keyframes zoomFallO2 { 0% { transform: scale(0); }
  10% { transform: scale(1); }
  35% { transform: translateY(0); }
  50% { transform: translateY(563px); }
  80% { opacity: 1; transform: translateY(563px); }
  100% { opacity: 0; transform: translateY(563px); } }
@-webkit-keyframes zoomFallO3 { 0% { -webkit-transform: scale(0); }
  10% { -webkit-transform: scale(1); }
  35% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(680px); }
  80% { opacity: 1; transform: translateY(680px); }
  100% { opacity: 0; transform: translateY(680px); } }
@keyframes zoomFallO3 { 0% { transform: scale(0); }
  10% { transform: scale(1); }
  35% { transform: translateY(0); }
  50% { transform: translateY(680px); }
  80% { opacity: 1; transform: translateY(680px); }
  100% { opacity: 0; transform: translateY(680px); } }
@-webkit-keyframes zoomFallO4 { 0% { -webkit-transform: scale(0); }
  10% { -webkit-transform: scale(1); }
  35% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(457px); }
  80% { opacity: 1; transform: translateY(457px); }
  100% { opacity: 0; transform: translateY(457px); } }
@keyframes zoomFallO4 { 0% { transform: scale(0); }
  10% { transform: scale(1); }
  35% { transform: translateY(0); }
  50% { transform: translateY(457px); }
  80% { opacity: 1; transform: translateY(457px); }
  100% { opacity: 0; transform: translateY(457px); } }
@keyframes marquee { 0% { left: 0; }
  100% { left: -100%; } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.1); }
  100% { -webkit-transform: scale(1); } }
@keyframes pulse { 0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); } }
.ff-header { position: fixed; top: 0; left: 0; z-index: 99; background: #ec5519; width: 100%; height: 75px; }
@media (max-width: 1370px) { .ff-header { height: 56px; } }
@media (max-width: 767px) { .ff-header .container { padding: 0 10px !important; } }
.ff-header .h-left { float: left; width: 420px; }
@media (max-width: 1370px) { .ff-header .h-left { width: 320px; } }
.ff-header .h-left .avatar { position: relative; background: #ec5519; float: left; width: 100px; height: 100px; margin-top: 5px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
@media (max-width: 1370px) { .ff-header .h-left .avatar { width: 75px; height: 75px; margin-top: 3px; } }
.ff-header .h-left .avatar a { position: absolute; top: 0; left: 4px; z-index: 2; float: left; width: 92px; height: 92px; border: 4px solid #fabd2d; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; }
@media (max-width: 1370px) { .ff-header .h-left .avatar a { left: 3px; width: 69px; height: 69px; border-width: 2px; } }
.ff-header .h-left .avatar a img { width: 100%; height: 100%; }
.ff-header .h-left .avatar .bg { position: absolute; top: -2px; left: -2px; background: #ec5519; float: left; width: 100px; height: 65px; }
@media (max-width: 1370px) { .ff-header .h-left .avatar .bg { width: 75px; height: 49px; } }
.ff-header .h-left .point { position: relative; float: left; margin: 0 5px 0 18px; }
@media (max-width: 1370px) { .ff-header .h-left .point { margin: 0 5px 0 14px; } }
.ff-header .h-left .point .unit { position: absolute; top: 6px; left: -3px; background: url(../images/lx_sprt.png) no-repeat; background-position: 0 0; float: left; width: 58px; height: 65px; }
@media (max-width: 1370px) { .ff-header .h-left .point .unit { top: 4px; background-size: 563px; width: 44px; height: 49px; } }
.ff-header .h-left .point .num { background: #b24012; float: left; height: 35px; padding: 3px 17px 0 62px; margin: 20px 0 0; font-family: 'VniVAGRounded', Arial, sans-serif; color: #fff; font-size: 24px; font-weight: bold; border: 1px solid #f6996a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 5px #f6996a, inset 0 0 6px #751a15, inset 0 4px 6px #6d0e08; -moz-box-shadow: 0 0 5px #f6996a, inset 0 0 6px #751a15, inset 0 4px 6px #6d0e08; -webkit-box-shadow: 0 0 5px #f6996a, inset 0 0 6px #751a15, inset 0 4px 6px #6d0e08; text-shadow: 2px 0 0 #610b06, 0 2px 0 #610b06, -2px 0 0 #610b06, 0 -2px 0 #610b06; }
@media (max-width: 1370px) { .ff-header .h-left .point .num { height: 28px; margin: 15px 0 0; padding: 2px 15px 0 46px; font-size: 18px; } }
.ff-header .h-left .btns { float: left; margin-top: 18px; }
@media (max-width: 1370px) { .ff-header .h-left .btns { margin-top: 15px; } }
.ff-header .h-left .btns li { float: left; }
.ff-header .h-left .btns li a { background: url(../images/lx_sprt.png) no-repeat; float: left; width: 60px; height: 42px; text-indent: -9999px; }
@media (max-width: 1370px) { .ff-header .h-left .btns li a { background-size: 563px; width: 45px; height: 33px; } }
.ff-header .h-left .btns li.add a { background-position: -123px 0; }
@media (max-width: 1370px) { .ff-header .h-left .btns li.add a { background-position: -92px 1px; } }
.ff-header .h-left .btns li.add a:hover { background-position: -439px -545px; }
@media (max-width: 1370px) { .ff-header .h-left .btns li.add a:hover { background-position: -329px -408px; } }
.ff-header .h-left .btns li.refresh a { background-position: -183px 0; }
@media (max-width: 1370px) { .ff-header .h-left .btns li.refresh a { background-position: -137px 1px; } }
.ff-header .h-left .btns li.refresh a:hover { background-position: -499px -545px; }
@media (max-width: 1370px) { .ff-header .h-left .btns li.refresh a:hover { background-position: -374px -408px; } }
.ff-header .h-right { float: right; width: 330px; }
@media (max-width: 1370px) { .ff-header .h-right { width: 248px; } }
@media (max-width: 767px) { .ff-header .h-right { display: none; } }
.ff-header .h-right .btns { float: right; margin-top: 16px; }
@media (max-width: 1370px) { .ff-header .h-right .btns { margin-top: 12px; } }
.ff-header .h-right .btns li { float: left; margin-left: 3px; }
.ff-header .h-right .btns li a { background: url(../images/lx_sprt.png) no-repeat; float: left; width: 92px; height: 47px; text-indent: -9999px; }
@media (max-width: 1370px) { .ff-header .h-right .btns li a { background-size: 563px; width: 69px; height: 35px; } }
.ff-header .h-right .btns li.home a { background-position: -250px 0; }
@media (max-width: 1370px) { .ff-header .h-right .btns li.home a { background-position: -187px 0; } }
.ff-header .h-right .btns li.home a:hover { background-position: -439px -595px; }
@media (max-width: 1370px) { .ff-header .h-right .btns li.home a:hover { background-position: -329px -446px; } }
.ff-header .h-right .btns li.like a { background-position: -344px 0; }
@media (max-width: 1370px) { .ff-header .h-right .btns li.like a { background-position: -258px 0; } }
.ff-header .h-right .btns li.like a:hover { background-position: -533px -595px; }
@media (max-width: 1370px) { .ff-header .h-right .btns li.like a:hover { background-position: -400px -446px; } }
.ff-header .h-right .btns li.share a { background-position: -438px 0; }
@media (max-width: 1370px) { .ff-header .h-right .btns li.share a { background-position: -329px 0; } }
.ff-header .h-right .btns li.share a:hover { background-position: -627px -595px; }
@media (max-width: 1370px) { .ff-header .h-right .btns li.share a:hover { background-position: -471px -446px; } }
.ff-header .h-marquee { padding: 0 400px 0 490px; color: #fed991; font-size: 15px; }
@media (max-width: 1370px) { .ff-header .h-marquee { padding: 0 330px 0 390px; } }
@media (max-width: 1100px) { .ff-header .h-marquee { padding: 0 280px 0 340px; } }
@media (max-width: 992px) { .ff-header .h-marquee { display: none; } }
.ff-header .h-marquee .mq-box { position: relative; height: 75px; overflow: hidden; }
@media (max-width: 1370px) { .ff-header .h-marquee .mq-box { height: 56px; } }
.ff-header .h-marquee .mq-box:before, .ff-header .h-marquee .mq-box:after { position: absolute; top: 0; z-index: 2; content: ""; width: 30px; height: 70px; }
.ff-header .h-marquee .mq-box:before { left: 0; box-shadow: inset 20px 0 30px #ec5519; -moz-box-shadow: inset 20px 0 30px #ec5519; -webkit-box-shadow: inset 20px 0 30px #ec5519; }
.ff-header .h-marquee .mq-box:after { right: 0; box-shadow: inset -20px 0 30px #ec5519; -moz-box-shadow: inset -20px 0 30px #ec5519; -webkit-box-shadow: inset -20px 0 30px #ec5519; }
.ff-header .h-marquee .mq-box div { display: block; position: absolute; height: 100%; padding-top: 28px; overflow: hidden; white-space: nowrap; }
@media (max-width: 1370px) { .ff-header .h-marquee .mq-box div { padding-top: 18px; } }

.ff-login-resgistry { float: left; margin-top: 10px; }
.ff-login-resgistry li { float: left; margin-right: 5px; }
.ff-login-resgistry li:last-child { margin-right: 0; }
.ff-login-resgistry li a { float: left; background: url(../images/lx_sprt.png) no-repeat; width: 123px; height: 57px; }
@media (max-width: 1370px) { .ff-login-resgistry li a { background-size: 563px; width: 92px; height: 43px; } }
.ff-login-resgistry li.login a { background-position: -624px -76px; }
@media (max-width: 1370px) { .ff-login-resgistry li.login a { background-position: -468px -57px; } }
.ff-login-resgistry li.login a:hover { background-position: -439px -649px; }
@media (max-width: 1370px) { .ff-login-resgistry li.login a:hover { background-position: -329px -487px; } }
.ff-login-resgistry li.resgistry a { background-position: -624px -143px; }
@media (max-width: 1370px) { .ff-login-resgistry li.resgistry a { background-position: -468px -107px; } }
.ff-login-resgistry li.resgistry a:hover { background-position: -591px -649px; }
@media (max-width: 1370px) { .ff-login-resgistry li.resgistry a:hover { background-position: -443px -486px; } }

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

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

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

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

:focus::-webkit-input-placeholder { color: #cecece; }

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

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

:focus::-ms-input-placeholder { color: #cecece; }

button { outline: none !important; }

.uiselector { min-width: 155px; }
.uiselector .select-click { height: 40px; line-height: 40px; padding: 0 35px 0 20px; color: #555; font-size: 14px; font-weight: 600; border: 1px solid #efefef; }
.uiselector .select-click:after { content: ""; top: 0; right: 0; font-size: 20px; width: 35px; height: 40px; padding: 10px 0 0; cursor: pointer; color: #999; text-align: center; }
.uiselector .select-option { display: none; top: 40px; left: 0; background: #fff; width: 130%; border: 1px solid #efefef; }
.uiselector .select-option li { height: 40px; padding: 7px 10px 0 16px; color: #737373; font-size: 14px; font-weight: 600; }
.uiselector .select-option li input { display: none; }
.uiselector:hover .select-option { display: block; }

input[type="text"], textarea, select { outline: none; }

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

input[type="checkbox"] + label span.checkbox { display: inline-block; background: #fff; width: 16px; height: 16px; margin: 5px 4px 0; vertical-align: -3px; cursor: pointer; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

input[type="checkbox"]:checked + label span.checkbox { border-color: #236094; }
input[type="checkbox"]:checked + label span.checkbox:before { content: ""; top: 2px; right: 2px; font-size: 11px; color: #236094; }

.form-group label { float: left; line-height: 34px; color: #747474; font-size: 14px; }

.form-control { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 34px; padding: 5px 10px 6px; border-color: #e1e1e1; }

/*--Button-------------*/
.btn { display: inline-block; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #fff; min-width: 85px; height: 33px; line-height: 16px; padding: 0 14px 2px; color: #ec5519; font-size: 14px; text-align: center; font-weight: 600; white-space: nowrap; border: 1px solid #ec5519; vertical-align: middle; touch-action: manipulation; cursor: pointer; }
.btn:hover { background: #ec5519; color: #fff; }

/*--End Button-------------*/
.under-construction { line-height: 28px; padding: 5px 0 15px; color: #555; font-size: 18px; font-weight: bold; }

.notify-pop .modal-title { font-size: 20px; }
.notify-pop .modal-header .close { float: right; background: none; line-height: 16px; margin: -3px -29px 0 0; font-size: 50px; font-family: 'VniVAGRounded'; border: 0; cursor: pointer; }
@media (max-width: 969px) { .notify-pop .modal-header .close { margin-right: -3px; } }
.notify-pop .modal-dialog { width: 500px; margin: 30px auto; }
.notify-pop .notify-ctn { padding: 20px 0 10px; }
@media (max-width: 600px) { .notify-pop .modal-dialog { width: auto; margin: 10px; } }

.under-cons-pop .modal-title { font-size: 20px; }
.under-cons-pop .modal-header { background: none; padding: 0; }
.under-cons-pop .modal-header .close { position: relative; z-index: 9; float: right; background: none; line-height: 16px; margin: 15px 15px 0 0; color: #000; font-size: 50px; font-family: 'VniVAGRounded'; border: 0; cursor: pointer; }
.under-cons-pop .modal-dialog { width: 500px; margin: 30px auto; }
.under-cons-pop .notify-ctn { padding: 20px 0 10px; }
@media (max-width: 600px) { .under-cons-pop .modal-dialog { width: auto; margin: 10px; } }

.your-info .row { margin: 0; padding: 12px 0; line-height: 18px; font-size: 14px; color: #747474; border-top: 1px solid #e1e1e1; }
.your-info .row .lb { float: left; width: 130px; }
@media (max-width: 640px) { .your-info .row .lb { width: 90px; } }
.your-info .row .txt { margin-left: 140px; }
@media (max-width: 640px) { .your-info .row .txt { margin-left: 95px; } }
.your-info .row:first-child { border-top: 0; }

.update-your-info { margin-top: 15px; }
.update-your-info .form-group { margin-bottom: 10px; }
.update-your-info .form-group label { float: left; width: 115px; }
@media (max-width: 760px) { .update-your-info .form-group label { float: none; width: 100%; } }
.update-your-info .form-group .frms { margin-left: 115px; }
@media (max-width: 760px) { .update-your-info .form-group .frms { margin-left: 0; } }
.update-your-info .form-group .frms .multi-col { margin-right: -10px; }
.update-your-info .form-group .frms .multi-col .col { padding: 0 10px 0 0; }
@media (max-width: 760px) { .update-your-info .form-group .frms .multi-col .col { width: 100%; margin-bottom: 10px; } }
.update-your-info .form-group .frms .multi-col .col:last-child { margin-bottom: 0; }
.update-your-info .form-group .frms .multi-col .col-date { float: left; }
@media (max-width: 760px) { .update-your-info .form-group .frms .multi-col .col-date { width: 33.333%; margin-bottom: 0; } }
.update-your-info .form-group .frms .cmnd { margin-right: 200px; }
@media (max-width: 760px) { .update-your-info .form-group .frms .cmnd { margin-right: 0; } }
.update-your-info .form-group .frms .cmnd-note { float: right; line-height: 32px; color: #999; font-size: 13px; font-style: italic; }
@media (max-width: 760px) { .update-your-info .form-group .frms .cmnd-note { display: none; } }

#info { background: #333; opacity: 0.8; position: absolute; top: 5px; right: 5px; width: 280px; color: #fff; border-radius: 5px; z-index: 10; }

#info p { padding: 0 10px; }

#info a { color: #f2ea0a; }

canvas { position: absolute; top: 0; left: 0; cursor: crosshair; display: block; height: 750px !important; }
@media (max-width: 1370px) { canvas { height: 563px !important; } }

.teaser-page { background: #fce26b url(../images/ts_bg.jpg) center top no-repeat; overflow-x: hidden; }
@media (max-width: 1370px) { .teaser-page { background-size: 1440px; } }
.teaser-page .decor { position: absolute; background: url(../images/ts_sprt.png) no-repeat; animation: fadeInDown .6s ease 0s both; -moz-animation: fadeInDown .6s ease 0s both; -webkit-animation: fadeInDown .6s ease 0s both; }
@media (max-width: 1370px) { .teaser-page .decor { background-size: 750px; } }
.teaser-page .l-flower { top: -28px; left: -18px; background-position: 0 0; width: 345px; height: 247px; }
@media (max-width: 1370px) { .teaser-page .l-flower { top: -21px; left: -22px; width: 258.75px; height: 185.25px; } }
@media (max-width: 1100px) { .teaser-page .l-flower { left: -112px; } }
.teaser-page .l-flower .flower-fall { top: 94px; left: 95px; background-position: -157px -247px; float: left; width: 48px; height: 45px; animation: zoomFallO 5s ease-out 1s both infinite; -moz-animation: zoomFallO 5s ease-out 1s both infinite; -webkit-animation: zoomFallO 5s ease-out 1s both infinite; }
@media (max-width: 1370px) { .teaser-page .l-flower .flower-fall { top: 70px; left: 71px; background-position: -117.75px -185.25px; width: 36px; height: 33.75px; animation: zoomFallO2 5s ease-out 1s both infinite; -moz-animation: zoomFallO2 5s ease-out 1s both infinite; -webkit-animation: zoomFallO2 5s ease-out 1s both infinite; } }
.teaser-page .l-flower .f1 { top: 220px; left: 110px; background-position: 0 -247px; float: left; width: 37px; height: 35px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f1 { top: 165px; left: 82.5px; background-position: 0 -185.25px; width: 27.75px; height: 26.25px; } }
.teaser-page .l-flower .f1.f1_2 { top: 883px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f1.f1_2 { top: 675px; } }
.teaser-page .l-flower .f2 { top: 275px; left: 60px; background-position: -44px -247px; float: left; width: 46px; height: 47px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f2 { top: 206px; left: 45px; background-position: -33px -185.25px; width: 34.5px; height: 35.25px; } }
.teaser-page .l-flower .f2.f2_2 { top: 700px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f2.f2_2 { top: 525px; } }
.teaser-page .l-flower .f3 { top: 320px; left: 140px; background-position: -100px -247px; float: left; width: 49px; height: 49px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f3 { top: 240px; left: 105px; background-position: -75px -185.25px; width: 36.75px; height: 36.75px; } }
.teaser-page .l-flower .f3.f3_2 { top: 860px; left: 190px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f3.f3_2 { top: 645px; left: 143px; } }
.teaser-page .l-flower .f4 { top: 450px; left: 95px; background-position: -157px -247px; float: left; width: 48px; height: 48px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f4 { top: 338px; left: 65px; background-position: -117.75px -185.25px; width: 36px; height: 36px; } }
.teaser-page .l-flower .f4.f4_2 { top: 903px; left: 225px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f4.f4_2 { top: 677px; left: 169px; } }
.teaser-page .l-flower .f5 { top: 440px; left: 282px; background-position: -211px -247px; float: left; width: 36px; height: 40px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f5 { top: 290px; left: 192px; background-position: -158.25px -185.25px; width: 27px; height: 30px; } }
.teaser-page .l-flower .f5.f5_2 { top: 883px; }
@media (max-width: 1370px) { .teaser-page .l-flower .f5.f5_2 { top: 662px; } }
.teaser-page .r-flower { top: -20px; right: -27px; background-position: -667px 0; width: 333px; height: 240px; }
@media (max-width: 1370px) { .teaser-page .r-flower { top: -15px; right: -26px; background-position: -500.25px 0; width: 249.75px; height: 180px; } }
@media (max-width: 1100px) { .teaser-page .r-flower { right: -186px; } }
.teaser-page .r-flower .flower-fall { top: 111px; right: 193px; background-position: -211px -247px; float: left; width: 33px; height: 34px; animation: zoomFallO 5s ease-out 2s both infinite; -moz-animation: zoomFallO 5s ease-out 2s both infinite; -webkit-animation: zoomFallO 5s ease-out 2s both infinite; }
@media (max-width: 1370px) { .teaser-page .r-flower .flower-fall { top: 83px; right: 145px; background-position: -158.22px -185.25px; width: 24.75px; height: 25.5px; animation: zoomFallO2 5s ease-out 2s both infinite; -moz-animation: zoomFallO2 5s ease-out 2s both infinite; -webkit-animation: zoomFallO2 5s ease-out 2s both infinite; } }
.teaser-page .r-flower .f1 { top: 245px; right: 158px; background-position: -761px -247px; float: left; width: 33px; height: 33px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f1 { top: 184px; right: 129px; background-position: -570.75px -185.25px; width: 24.75px; height: 24.75px; } }
.teaser-page .r-flower .f1.f1_2 { top: 883px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f1.f1_2 { top: 662px; } }
.teaser-page .r-flower .f2 { top: 280px; right: 250px; background-position: -800px -247px; float: left; width: 55px; height: 55px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f2 { top: 210px; right: 187.5px; background-position: -600px -185.25px; width: 41.25px; height: 41.25px; } }
.teaser-page .r-flower .f2.f2_2 { top: 700px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f2.f2_2 { top: 525px; } }
.teaser-page .r-flower .f3 { top: 280px; right: 25px; background-position: -862px -247px; float: left; width: 45px; height: 46px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f3 { top: 210px; right: 42px; background-position: -646.5px -185.25px; width: 33.75px; height: 34.5px; } }
.teaser-page .r-flower .f3.f3_2 { top: 860px; left: 190px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f3.f3_2 { top: 645px; left: 143px; } }
.teaser-page .r-flower .f4 { top: 367px; right: 170px; background-position: -915px -247px; float: left; width: 46px; height: 48px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f4 { top: 275px; right: 142px; background-position: -686px -185px; width: 34.5px; height: 36px; } }
.teaser-page .r-flower .f4.f4_2 { top: 903px; left: 225px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f4.f4_2 { top: 677px; left: 169px; } }
.teaser-page .r-flower .f5 { top: 520px; right: 474px; background-position: -967px -247px; float: left; width: 34px; height: 35px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f5 { top: 365px; right: 287px; background-position: -725px -185px; width: 25.5px; height: 26px; } }
.teaser-page .r-flower .f5.f5_2 { top: 883px; }
@media (max-width: 1370px) { .teaser-page .r-flower .f5.f5_2 { top: 662px; } }

.teaser-wrap { position: relative; width: 1310px; min-height: 900px; margin: 0 auto; }
@media (max-width: 1370px) { .teaser-wrap { width: 982px; min-height: 730px; } }
@media (max-width: 982px) { .teaser-wrap { width: 100%; } }
.teaser-wrap .l-lanterns { top: -28px; left: -4px; z-index: 3; background-position: 0 -511px; width: 204px; height: 132px; animation: wobble3 5s ease 1.2s infinite; -moz-animation: wobble3 5s ease 1.2s infinite; -webkit-animation: wobble3 5s ease 1.2s infinite; }
@media (max-width: 1370px) { .teaser-wrap .l-lanterns { top: -21px; left: -3px; background-position: 0 -383.25px; width: 153px; height: 99px; } }
.teaser-wrap .r-lanterns { top: -39px; right: -16px; z-index: 3; background-position: -459px -643px; width: 208px; height: 130px; animation: wobble3 5s ease 1.5s infinite; -moz-animation: wobble3 5s ease 1.5s infinite; -webkit-animation: wobble3 5s ease 1.5s infinite; }
@media (max-width: 1370px) { .teaser-wrap .r-lanterns { top: -29px; right: -12px; background-position: -344.25px -482.25px; width: 156px; height: 97.5px; } }
.teaser-wrap .l-rope { top: -28px; left: 144px; background-position: -211px -511px; width: 440px; height: 90px; }
@media (max-width: 1370px) { .teaser-wrap .l-rope { top: -21px; left: 108px; background-position: -158.25px -383.25px; width: 330px; height: 67.5px; } }
@media (max-width: 982px) { .teaser-wrap .l-rope { left: 18px; } }
.teaser-wrap .r-rope { top: -28px; right: 129px; background-position: 0 -655px; width: 440px; height: 85px; }
@media (max-width: 1370px) { .teaser-wrap .r-rope { top: -21px; right: 97px; background-position: 0 -491.25px; width: 330px; height: 63.75px; } }
@media (max-width: 982px) { .teaser-wrap .r-rope { right: 10px; } }
.teaser-wrap .l-firecrackers, .teaser-wrap .r-firecrackers { background-position: -345px 0; width: 190px; height: 510px; }
@media (max-width: 1370px) { .teaser-wrap .l-firecrackers, .teaser-wrap .r-firecrackers { background-position: -258.75px 0; width: 142.5px; height: 382.5px; } }
.teaser-wrap .l-firecrackers { top: 27px; left: 0; animation: wobbleY 5s ease 0.5s infinite; -moz-animation: wobbleY 5s ease 0.5s infinite; -webkit-animation: wobbleY 5s ease 0.5s infinite; }
@media (max-width: 1370px) { .teaser-wrap .l-firecrackers { top: -20px; } }
.teaser-wrap .r-firecrackers { top: 31px; right: 8px; animation: wobbleY 5s ease 1s infinite; -moz-animation: wobbleY 5s ease 1s infinite; -webkit-animation: wobbleY 5s ease 1s infinite; }
@media (max-width: 1370px) { .teaser-wrap .r-firecrackers { top: -23px; } }
.teaser-wrap .funfair-logo { top: -20px; left: 50%; background-position: 0 -311px; width: 145px; height: 127px; margin-left: -73px; animation: bounceInDown 0.5s ease .2s both, wobble3 5s ease 0.8s infinite; -moz-animation: bounceInDown 0.5s ease .2s both, wobble3 5s ease 0.8s infinite; -webkit-animation: bounceInDown 0.5s ease .2s both, wobble3 5s ease 0.8s infinite; }
@media (max-width: 1370px) { .teaser-wrap .funfair-logo { top: -15px; background-position: 0 -233.25px; width: 108.75px; height: 95.25px; margin-left: -54px; } }
.teaser-wrap .funfair-slogan { top: 127px; left: 50%; background-position: 0 -773px; width: 650px; height: 182px; margin-left: -325px; }
@media (max-width: 1370px) { .teaser-wrap .funfair-slogan { top: 95px; background-position: 0 -579.75px; width: 487.5px; height: 136.5px; margin-left: -243.75px; } }
.teaser-wrap .funfair-slogan .f1 { bottom: 28px; left: 1px; background-position: -667px -773px; width: 59px; height: 57px; animation: rotate1 5s ease 0.5s infinite; -moz-animation: rotate1 5s ease 0.5s infinite; -webkit-animation: rotate1 5s ease 0.5s infinite; }
@media (max-width: 1370px) { .teaser-wrap .funfair-slogan .f1 { bottom: 21px; background-position: -500px -580px; width: 44px; height: 43px; } }
.teaser-wrap .funfair-slogan .f2 { bottom: 60px; left: 166px; background-position: -751px -773px; width: 44px; height: 40px; animation: rotate1 5s ease 0.1s infinite; -moz-animation: rotate1 5s ease 0.1s infinite; -webkit-animation: rotate1 5s ease 0.1s infinite; }
@media (max-width: 1370px) { .teaser-wrap .funfair-slogan .f2 { bottom: 45px; left: 125px; background-position: -563px -580px; width: 33px; height: 30px; } }
.teaser-wrap .funfair-slogan .f3 { top: 39px; left: 199px; background-position: -830px -773px; width: 33px; height: 28px; animation: rotate2 4s ease 1s infinite; -moz-animation: rotate2 4s ease 1s infinite; -webkit-animation: rotate2 4s ease 1s infinite; }
@media (max-width: 1370px) { .teaser-wrap .funfair-slogan .f3 { top: 29px; left: 149px; background-position: -623px -580px; width: 25px; height: 21px; } }
.teaser-wrap .funfair-slogan .f4 { bottom: 79px; right: 255px; background-position: -695px -861px; width: 40px; height: 39px; animation: rotate1 5s ease 0.2s infinite; -moz-animation: rotate1 5s ease 0.2s infinite; -webkit-animation: rotate1 5s ease 0.2s infinite; }
@media (max-width: 1370px) { .teaser-wrap .funfair-slogan .f4 { bottom: 59px; right: 191px; background-position: -521px -646px; width: 30px; height: 29px; } }
.teaser-wrap .funfair-slogan .f5 { right: 35px; bottom: 12px; background-position: -761px -861px; width: 70px; height: 67px; animation: rotate2 4s ease 1.5s infinite; -moz-animation: rotate2 4s ease 1.5s infinite; -webkit-animation: rotate2 4s ease 1.5s infinite; }
@media (max-width: 1370px) { .teaser-wrap .funfair-slogan .f5 { bottom: 9px; right: 26px; background-position: -571px -646px; width: 53px; height: 50px; } }
.teaser-wrap .date { padding: 335px 0 0; text-align: center; }
@media (max-width: 1370px) { .teaser-wrap .date { padding-top: 251px; } }
.teaser-wrap .date h2 { margin-bottom: 15px; color: #cf7c11; font-size: 23px; text-transform: uppercase; }
@media (max-width: 1370px) { .teaser-wrap .date h2 { font-size: 18px; } }
.teaser-wrap .date ul { display: inline-block; }
.teaser-wrap .date ul li { background: #b86d0c; float: left; margin: 0 7px; padding: 10px 17px; color: #fff; font-weight: bold; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
@media (max-width: 1370px) { .teaser-wrap .date ul li { margin: 0 5px; padding: 8px 13px; } }
.teaser-wrap .date ul li .lb { margin-bottom: 7px; font-size: 15px; text-transform: uppercase; }
@media (max-width: 1370px) { .teaser-wrap .date ul li .lb { margin-bottom: 3px; font-size: 12px; } }
.teaser-wrap .date ul li .num { font-size: 47px; }
@media (max-width: 1370px) { .teaser-wrap .date ul li .num { font-size: 35px; } }
.teaser-wrap .ts-txt { margin: 12px 0 25px; color: #995b0b; font-size: 23px; text-align: center; }
@media (max-width: 1370px) { .teaser-wrap .ts-txt { font-size: 18px; margin: 10px 0 20px; } }
.teaser-wrap .ts-txt strong { font-weight: bold; font-size: 30px; }
@media (max-width: 1370px) { .teaser-wrap .ts-txt strong { font-size: 23px; } }
.teaser-wrap .calendar { position: relative; width: 875px; margin: 0 auto; }
@media (max-width: 1370px) { .teaser-wrap .calendar { width: 656px; } }
.teaser-wrap .calendar:before, .teaser-wrap .calendar:after { content: ""; position: absolute; background: url(../images/ts_sprt.png) no-repeat; float: left; }
@media (max-width: 1370px) { .teaser-wrap .calendar:before, .teaser-wrap .calendar:after { background-size: 750px; } }
.teaser-wrap .calendar:before { top: 75px; left: -59px; background-position: -667px -512px; width: 124px; height: 90px; animation: wobbleY2 0.8s ease 1.2s infinite; -moz-animation: wobbleY2 0.8s ease 1.2s infinite; -webkit-animation: wobbleY2 0.8s ease 1.2s infinite; }
@media (max-width: 1370px) { .teaser-wrap .calendar:before { top: 56px; left: -44px; background-position: -500px -384px; width: 93px; height: 68px; } }
.teaser-wrap .calendar:after { top: 95px; right: -72px; background-position: -812px -511px; width: 103px; height: 85px; animation: wobbleY 3s ease 1s infinite; -moz-animation: wobbleY 3s ease 1s infinite; -webkit-animation: wobbleY 3s ease 1s infinite; }
@media (max-width: 1370px) { .teaser-wrap .calendar:after { top: 71px; right: -54px; background-position: -611px -383px; width: 77px; height: 64px; } }
.teaser-wrap .calendar .wrap { position: relative; z-index: 2; background: url(../images/ts_sprt.png) no-repeat; background-position: 0 -973px; width: 100%; height: 369px; padding: 0 263px 0 262px; text-align: center; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap { background-size: 750px; background-position: 0 -729px; height: 277px; padding: 0 194px 0 198px; } }
.teaser-wrap .calendar .wrap h2 { padding: 50px 0 20px; color: #c41e1c; font-size: 21px; text-transform: uppercase; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap h2 { padding: 36px 0 13px; font-size: 16px; } }
.teaser-wrap .calendar .wrap ul { padding: 0 0 0 22px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul { padding: 0 0 0 17px; } }
.teaser-wrap .calendar .wrap ul li { position: relative; float: left; width: 64px; height: 55px; line-height: 49px; margin: 0 7px 14px; color: #808080; font-size: 32px; font-weight: bold; border: 2px solid #808080; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li { width: 49px; height: 42px; line-height: 36px; margin: 0 5px 10px; font-size: 24px; } }
.teaser-wrap .calendar .wrap ul li:before, .teaser-wrap .calendar .wrap ul li:after { content: ""; position: absolute; top: 2px; left: 1px; background: url(../images/ts_sprt.png) no-repeat; float: left; width: 57px; height: 47px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li:before, .teaser-wrap .calendar .wrap ul li:after { top: 1px; background-size: 750px; width: 43px; height: 36px; } }
.teaser-wrap .calendar .wrap ul li:before { background-position: -895px -426px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li:before { background-position: -671px -319px; } }
.teaser-wrap .calendar .wrap ul li:after { display: none; }
.teaser-wrap .calendar .wrap ul li span { font-size: 17px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li span { font-size: 13px; } }
.teaser-wrap .calendar .wrap ul li.check { background: #d64222; border-color: #d64222; text-indent: -9999px; }
.teaser-wrap .calendar .wrap ul li.check:before { left: 2px; background-position: -760px -426px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li.check:before { left: 1px; background-position: -570px -319px; } }
.teaser-wrap .calendar .wrap ul li.check:after { display: block; top: 12px; left: 14px; background-position: -268px -396px; width: 32px; height: 27px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li.check:after { top: 9px; left: 10px; background-position: -201px -297px; width: 24px; height: 20px; } }
.teaser-wrap .calendar .wrap ul li.nocheck { background: #959595; border-color: #959595; text-indent: -9999px; }
.teaser-wrap .calendar .wrap ul li.nocheck:before { left: 2px; background-position: -829px -426px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li.nocheck:before { left: 1px; background-position: -621px -319px; } }
.teaser-wrap .calendar .wrap ul li.nocheck:after { display: block; top: 12px; left: 18px; background-position: -268px -426px; width: 22px; height: 27px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li.nocheck:after { top: 10px; left: 14px; background-position: -201px -320px; width: 17px; height: 20px; } }
.teaser-wrap .calendar .wrap ul li.current { border-color: #d03520; color: #d03520; }
.teaser-wrap .calendar .wrap ul li.current:before { left: 2px; background-position: -695px -426px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap ul li.current:before { left: 1px; background-position: -521px -319px; } }
.teaser-wrap .calendar .wrap .num-lixi { background: url(../images/ts_sprt.png) no-repeat; background-position: 0 -447px; float: left; width: 110px; height: 47px; margin: 0 0 0 27px; padding: 15px 0 0 29px; color: #7a5410; font-size: 15px; text-transform: uppercase; font-weight: bold; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap .num-lixi { background-size: 750px; background-position: 0 -334px; width: 83px; height: 36px; margin: 0 0 0 20px; padding: 13px 0 0 22px; font-size: 11px; } }
.teaser-wrap .calendar .wrap .rollcall-btn { position: relative; background: url(../images/ts_sprt.png) no-repeat; background-position: -122px -447px; float: right; width: 119px; height: 38px; line-height: 36px; margin: 3px 24px 0 0; color: #fff; font-size: 15px; text-align: center; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap .rollcall-btn { background-size: 750px; background-position: -91px -335px; width: 90px; height: 29px; line-height: 27px; margin: 4px 18px 0 0; font-size: 11px; } }
.teaser-wrap .calendar .wrap .rollcall-btn .txt { position: relative; z-index: 2; }
.teaser-wrap .calendar .wrap .rollcall-btn .bg { position: absolute; top: 0; left: 0; background: url(../images/ts_sprt.png) no-repeat; background-position: -695px -613px; float: left; width: 100%; height: 100%; }
@media (max-width: 1370px) { .teaser-wrap .calendar .wrap .rollcall-btn .bg { background-size: 750px; background-position: -521px -460px; } }
.teaser-wrap .calendar .wrap .rollcall-btn.inactive { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; cursor: default; }
.teaser-wrap .seemore-row { text-align: center; }
.teaser-wrap .seemore-row .seemore-btn { position: relative; z-index: 2; display: inline-block; background: url(../images/ts_sprt.png) no-repeat; background-position: -695px -311px; width: 230px; height: 85px; margin-top: -32px; animation: zoomIn .7s ease-out 1s both infinite; -moz-animation: zoomIn .7s ease-out 1s both infinite; -webkit-animation: zoomIn .7s ease-out 1s both infinite; }
@media (max-width: 1370px) { .teaser-wrap .seemore-row .seemore-btn { background-size: 750px; background-position: -521px -233px; width: 173px; height: 64px; margin-top: -24px; } }

.teaser-sticky { position: absolute; top: 335px; right: 30px; z-index: 2; animation: fadeIn .9s ease 0.5s both; -webkit-animation: fadeIn .9s ease 0.5s both; }
@media (max-width: 1370px) { .teaser-sticky { top: 245px; right: 20px; } }
@media (max-width: 1100px) { .teaser-sticky { top: 375px; } }
@media (max-width: 982px) { .teaser-sticky { top: 685px; } }
.teaser-sticky .head { position: relative; z-index: 3; background: url(../images/ts_sprt.png) no-repeat; background-position: -157px -311px; width: 100px; height: 116px; margin-left: 13px; }
@media (max-width: 1370px) { .teaser-sticky .head { background-size: 750px; background-position: -118px -233px; width: 75px; height: 87px; } }
.teaser-sticky ul { width: 127px; margin: -10px 0 0 0; animation: wobble2 6s ease 1s infinite; -moz-animation: wobble2 6s ease 1s infinite; -webkit-animation: wobble2 6s ease 1s infinite; }
@media (max-width: 1370px) { .teaser-sticky ul { width: 95px; margin: -7px 0 0 0; } }
.teaser-sticky ul:after { content: ""; background: url(../images/ts_sprt.png) no-repeat; background-position: -268px -311px; width: 72px; height: 72px; margin: -6px 0 0 51px; }
@media (max-width: 1370px) { .teaser-sticky ul:after { background-size: 750px; background-position: -201px -233px; width: 54px; height: 54px; margin: -5px 0 0 38px; } }
.teaser-sticky ul li a { background: url(../images/ts_sprt.png) no-repeat; background-position: -555px -313px; display: block; height: 127px; line-height: 25px; padding-top: 35px; color: #fae500; font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; text-decoration: none; }
@media (max-width: 1370px) { .teaser-sticky ul li a { background-size: 750px; background-position: -416px -235px; height: 95px; line-height: 19px; padding-top: 27px; font-size: 15px; } }
.teaser-sticky ul li.like { margin-top: -14px; }
@media (max-width: 1370px) { .teaser-sticky ul li.like { margin-top: -9px; } }

.teaser-fbcomment { width: 700px; margin: 30px auto 80px; }
@media (max-width: 1100px) { .teaser-fbcomment { width: 650px; } }
.teaser-fbcomment > h2 { padding-bottom: 10px; color: #464646; font-size: 20px; text-transform: uppercase; }
.teaser-fbcomment .content { background: rgba(255, 231, 174, 0.8); padding: 5px; border: 1px solid rgba(227, 145, 30, 0.3); border-top-color: rgba(227, 145, 30, 0.5); }
.teaser-fbcomment .content body { background: none !important; }
.teaser-fbcomment .content .mobilePluginComments { border: 0 !important; }
.teaser-fbcomment .content .mobilePluginCommentsHeader { background: none !important; border: 0 !important; }
.teaser-fbcomment .content .aclb { background: none !important; }
.teaser-fbcomment .content ._491z, .teaser-fbcomment .content ._5lm5 { border-bottom: 1px solid rgba(195, 195, 195, 0.2); }
.teaser-fbcomment .content .fb-comments, .teaser-fbcomment .content .fb_iframe_widget span, .teaser-fbcomment .content .fb_iframe_widget iframe { max-width: 100%; }

.zingme-sticky { position: fixed; left: 20px; bottom: 20px; z-index: 98; }
.zingme-sticky a { display: block; background: url(../images/zm_logo.png) no-repeat; background-size: 198px; width: 198px; height: 75px; }
@media (max-width: 1370px) { .zingme-sticky a { background-size: 132px; width: 132px; height: 50px; } }
@media (max-width: 1300px) { .zingme-sticky a { background-size: 106px; width: 106px; height: 40px; } }

.main-page { background: #fad546 url(../images/lx_bg.jpg) center top no-repeat; overflow-x: hidden; }
@media (max-width: 1370px) { .main-page { background-size: 1440px; } }
.main-page .container { width: 100%; max-width: 1560px; margin: 0 auto; padding: 0 15px; }
.main-page .zingme-sticky { left: 10px; bottom: 10px; }
.main-page .decor { position: absolute; background: url(../images/lx_sprt.png) no-repeat; animation: fadeInDown .6s ease 0s both; -moz-animation: fadeInDown .6s ease 0s both; -webkit-animation: fadeInDown .6s ease 0s both; }
@media (max-width: 1370px) { .main-page .decor { background-size: 563px; } }
.main-page .l-flower { top: 75px; left: -5px; background-position: 0 -706px; width: 385px; height: 236px; }
@media (max-width: 1370px) { .main-page .l-flower { top: 56px; background-position: 0 -529.5px; width: 289px; height: 177px; } }
@media (max-width: 1100px) { .main-page .l-flower { left: -110px; } }
@media (max-width: 767px) { .main-page .l-flower { display: none; } }
.main-page .l-flower .flower-fall { top: 100px; left: 132px; background-position: -538px 0; float: left; width: 34px; height: 34px; animation: zoomFallO3 5s ease-out 1s both infinite; -moz-animation: zoomFallO3 5s ease-out 1s both infinite; -webkit-animation: zoomFallO3 5s ease-out 1s both infinite; }
@media (max-width: 1370px) { .main-page .l-flower .flower-fall { top: 73px; left: 104px; background-position: -404px 0; width: 26px; height: 26px; animation: zoomFallO4 5s ease-out 1s both infinite; -moz-animation: zoomFallO4 5s ease-out 1s both infinite; -webkit-animation: zoomFallO4 5s ease-out 1s both infinite; } }
.main-page .l-flower .f1 { top: 230px; left: 92px; background-position: -538px 0; float: left; width: 34px; height: 34px; }
@media (max-width: 1370px) { .main-page .l-flower .f1 { top: 175px; left: 75px; background-position: -404px 0; width: 26px; } }
.main-page .l-flower .f1.f1_2 { top: 700px; left: 140px; }
@media (max-width: 1370px) { .main-page .l-flower .f1.f1_2 { top: 498px; } }
.main-page .l-flower .f2 { top: 335px; left: 45px; background-position: -630px 0; float: left; width: 63px; height: 63px; }
@media (max-width: 1370px) { .main-page .l-flower .f2 { top: 255px; left: 27px; background-position: -473px 0; width: 47px; height: 47px; } }
.main-page .l-flower .f2.f2_2 { top: 700px; }
@media (max-width: 1370px) { .main-page .l-flower .f2.f2_2 { top: 565px; } }
.main-page .l-flower .f3 { top: 300px; left: 190px; background-position: -579px 0; float: left; width: 44px; height: 44px; }
@media (max-width: 1370px) { .main-page .l-flower .f3 { top: 240px; left: 110px; background-position: -434px 0; width: 33px; height: 33px; } }
.main-page .l-flower .f3.f3_2 { top: 770px; left: 190px; }
@media (max-width: 1370px) { .main-page .l-flower .f3.f3_2 { top: 555px; left: 113px; } }
.main-page .l-flower .f4 { top: 380px; left: 245px; background-position: -701px 0; float: left; width: 34px; height: 34px; }
@media (max-width: 1370px) { .main-page .l-flower .f4 { top: 320px; left: 140px; background-position: -526px 0; width: 26px; height: 26px; } }
.main-page .l-flower .f4.f4_2 { top: 763px; left: 315px; }
@media (max-width: 1370px) { .main-page .l-flower .f4.f4_2 { top: 535px; left: 69px; } }
.main-page .r-flower { top: 75px; right: 0; background-position: -385px -707px; width: 365px; height: 236px; }
@media (max-width: 1370px) { .main-page .r-flower { top: 56px; background-position: -289px -530px; width: 274px; height: 177px; } }
@media (max-width: 1100px) { .main-page .r-flower { right: -107px; } }
@media (max-width: 767px) { .main-page .r-flower { display: none; } }
.main-page .r-flower .flower-fall { top: 114px; right: 212px; background-position: -579px -250px; float: left; width: 43px; height: 43px; animation: zoomFallO3 5s ease-out 2s both infinite; -moz-animation: zoomFallO3 5s ease-out 2s both infinite; -webkit-animation: zoomFallO3 5s ease-out 2s both infinite; }
@media (max-width: 1370px) { .main-page .r-flower .flower-fall { top: 138px; right: 61px; background-position: -434px -188px; width: 32px; height: 32px; animation: zoomFallO4 5s ease-out 2s both infinite; -moz-animation: zoomFallO4 5s ease-out 2s both infinite; -webkit-animation: zoomFallO4 5s ease-out 2s both infinite; } }
.main-page .r-flower .f1 { top: 300px; right: 142px; background-position: -538px -250px; float: left; width: 33px; height: 33px; }
@media (max-width: 1370px) { .main-page .r-flower .f1 { top: 250px; right: 82px; background-position: -404px -188px; width: 25px; height: 25px; } }
.main-page .r-flower .f1.f1_2 { top: 803px; }
@media (max-width: 1370px) { .main-page .r-flower .f1.f1_2 { top: 562px; } }
.main-page .r-flower .f2 { top: 280px; right: 250px; background-position: -579px -250px; float: left; width: 43px; height: 43px; }
@media (max-width: 1370px) { .main-page .r-flower .f2 { top: 237px; right: 136px; background-position: -434px -188px; width: 32px; height: 32px; } }
.main-page .r-flower .f2.f2_2 { top: 700px; right: 100px; }
@media (max-width: 1370px) { .main-page .r-flower .f2.f2_2 { top: 525px; } }
.main-page .r-flower .f3 { top: 280px; right: 25px; background-position: -630px -250px; float: left; width: 43px; height: 43px; }
@media (max-width: 1370px) { .main-page .r-flower .f3 { top: 220px; right: 20px; background-position: -473px -188px; width: 32px; height: 32px; } }
.main-page .r-flower .f3.f3_2 { top: 830px; left: 130px; }
@media (max-width: 1370px) { .main-page .r-flower .f3.f3_2 { top: 615px; left: 114px; } }
.main-page .r-flower .f4 { top: 367px; right: 170px; background-position: -694px -250px; float: left; width: 55px; height: 55px; }
@media (max-width: 1370px) { .main-page .r-flower .f4 { top: 300px; right: 90px; background-position: -521px -188px; width: 41px; height: 41px; } }
.main-page .r-flower .f4.f4_2 { top: 833px; left: 225px; }
@media (max-width: 1370px) { .main-page .r-flower .f4.f4_2 { top: 584px; left: 210px; } }
.main-page .bn-list { position: absolute; bottom: 60px; width: 205px; z-index: 2; }
@media (max-width: 1370px) { .main-page .bn-list { width: 174px; } }
@media (max-width: 992px) { .main-page .bn-list { display: none; } }
.main-page .bn-list:before, .main-page .bn-list:after { content: ""; position: absolute; left: -9px; background: url(../images/lx_sprt.png) no-repeat; background-position: -439px -513px; float: left; width: 214px; height: 25px; }
@media (max-width: 1370px) { .main-page .bn-list:before, .main-page .bn-list:after { background-size: 637.5px; background-position: -373px -436px; width: 183px; height: 21px; } }
.main-page .bn-list:before { top: 0; }
.main-page .bn-list:after { bottom: 0; }
.main-page .bn-list ul { background: #ffdf9d; width: 196px; padding: 7px 18px; margin: 25px 0; }
@media (max-width: 1370px) { .main-page .bn-list ul { width: 164px; padding: 5px 10px; margin: 21px 0; } }
.main-page .bn-list ul li { padding: 9px 0; }
@media (max-width: 1370px) { .main-page .bn-list ul li { padding: 5px 0; } }
.main-page .bn-list ul li img { width: 100%; }
.main-page .bn-list.left { left: -214px; }
@media (max-width: 1370px) { .main-page .bn-list.left { left: -183px; } }
.main-page .bn-list.right { right: -214px; }
@media (max-width: 1370px) { .main-page .bn-list.right { right: -183px; } }
.main-page .content-wrap { position: relative; width: 920px; min-height: 1060px; margin: 75px auto 0; }
@media (max-width: 1370px) { .main-page .content-wrap { width: 670px; min-height: 910px; margin-top: 56px; } }
@media (max-width: 1100px) { .main-page .content-wrap { width: 600px; } }
@media (max-width: 992px) { .main-page .content-wrap { width: 480px; } }
@media (max-width: 767px) { .main-page .content-wrap { width: 90%; } }
.main-page .content-wrap .l-rope { top: -19px; left: 0; background-position: -139px -250px; width: 375px; height: 75px; }
@media (max-width: 1370px) { .main-page .content-wrap .l-rope { background-position: -104px -188px; width: 281px; height: 56px; } }
@media (max-width: 767px) { .main-page .content-wrap .l-rope { display: none; } }
.main-page .content-wrap .r-rope { top: -19px; right: 0; background-position: -139px -328px; width: 385px; height: 75px; }
@media (max-width: 1370px) { .main-page .content-wrap .r-rope { background-position: -104px -246px; width: 289px; height: 56px; } }
@media (max-width: 767px) { .main-page .content-wrap .r-rope { display: none; } }
.main-page .content-wrap .firecrackers { top: -9px; left: -145px; background-position: 0 -407px; width: 225px; height: 290px; animation: wobble4 2s ease 1s infinite; -moz-animation: wobble4 2s ease 1s infinite; -webkit-animation: wobble4 2s ease 1s infinite; }
@media (max-width: 1370px) { .main-page .content-wrap .firecrackers { left: -110px; background-position: 0 -305px; width: 169px; height: 218px; } }
@media (max-width: 767px) { .main-page .content-wrap .firecrackers { display: none; } }
.main-page .content-wrap .lanterns { top: -16px; right: -123px; background-position: -233px -407px; width: 185px; height: 275px; animation: wobble5 2s ease 1s infinite; -moz-animation: wobble5 2s ease 1s infinite; -webkit-animation: wobble5 2s ease 1s infinite; }
@media (max-width: 1370px) { .main-page .content-wrap .lanterns { right: -85px; background-position: -175px -305px; width: 139px; height: 206px; } }
@media (max-width: 767px) { .main-page .content-wrap .lanterns { display: none; } }
.main-page .content-wrap .funfair-logo { top: -20px; left: 50%; background-position: 0 -250px; width: 130px; height: 127px; margin-left: -65px; animation: bounceInDown 0.5s ease .2s both, wobble3 5s ease 0.8s infinite; -moz-animation: bounceInDown 0.5s ease .2s both, wobble3 5s ease 0.8s infinite; -webkit-animation: bounceInDown 0.5s ease .2s both, wobble3 5s ease 0.8s infinite; }
@media (max-width: 1370px) { .main-page .content-wrap .funfair-logo { background-position: 0 -188px; width: 98px; height: 95px; margin-left: -49px; } }
.main-page .content-wrap .funfair-slogan { top: 120px; left: 50%; background-position: 0 -76px; width: 606px; height: 170px; margin-left: -303px; }
@media (max-width: 1370px) { .main-page .content-wrap .funfair-slogan { background-position: 0 -57px; top: 110px; width: 455px; height: 128px; margin-left: -227px; } }
@media (max-width: 767px) { .main-page .content-wrap .funfair-slogan { top: 90px; background-size: 300px; background-position: 0 -30px; width: 242px; height: 68px; margin-left: -121px; } }
.main-page .content-wrap .funfair-slogan .f1 { bottom: 38px; left: 1px; background-position: -483px -407px; width: 53px; height: 55px; animation: rotate1 5s ease 0.5s infinite; -moz-animation: rotate1 5s ease 0.5s infinite; -webkit-animation: rotate1 5s ease 0.5s infinite; }
@media (max-width: 1370px) { .main-page .content-wrap .funfair-slogan .f1 { bottom: 30px; left: -3px; background-position: -362px -305px; width: 40px; height: 41px; } }
@media (max-width: 767px) { .main-page .content-wrap .funfair-slogan .f1 { display: none; } }
.main-page .content-wrap .funfair-slogan .f2 { bottom: 60px; left: 156px; background-position: -579px -328px; width: 38px; height: 38px; animation: rotate1 5s ease 0.1s infinite; -moz-animation: rotate1 5s ease 0.1s infinite; -webkit-animation: rotate1 5s ease 0.1s infinite; }
@media (max-width: 1370px) { .main-page .content-wrap .funfair-slogan .f2 { bottom: 45px; left: 117px; background-position: -434px -246px; width: 29px; height: 29px; } }
@media (max-width: 767px) { .main-page .content-wrap .funfair-slogan .f2 { display: none; } }
.main-page .content-wrap .funfair-slogan .f3 { top: 28px; left: 185px; background-position: -538px -328px; width: 27px; height: 27px; animation: rotate2 4s ease 1s infinite; -moz-animation: rotate2 4s ease 1s infinite; -webkit-animation: rotate2 4s ease 1s infinite; }
@media (max-width: 1370px) { .main-page .content-wrap .funfair-slogan .f3 { top: 21px; left: 139px; background-position: -404px -246px; width: 20px; height: 20px; } }
@media (max-width: 767px) { .main-page .content-wrap .funfair-slogan .f3 { display: none; } }
.main-page .content-wrap .funfair-slogan .f4 { bottom: 66px; right: 238px; background-position: -630px -328px; width: 36px; height: 36px; animation: rotate1 5s ease 0.2s infinite; -moz-animation: rotate1 5s ease 0.2s infinite; -webkit-animation: rotate1 5s ease 0.2s infinite; }
@media (max-width: 1370px) { .main-page .content-wrap .funfair-slogan .f4 { bottom: 47px; right: 179px; background-position: -473px -246px; width: 27px; height: 27px; } }
@media (max-width: 767px) { .main-page .content-wrap .funfair-slogan .f4 { display: none; } }
.main-page .content-wrap .funfair-slogan .f5 { right: 36px; bottom: 13px; background-position: -546px -407px; width: 63px; height: 63px; animation: rotate2 4s ease 1.5s infinite; -moz-animation: rotate2 4s ease 1.5s infinite; -webkit-animation: rotate2 4s ease 1.5s infinite; }
@media (max-width: 1370px) { .main-page .content-wrap .funfair-slogan .f5 { right: 29px; bottom: 13px; background-position: -410px -305px; width: 47px; height: 47px; } }
@media (max-width: 767px) { .main-page .content-wrap .funfair-slogan .f5 { display: none; } }
.main-page .content-wrap .lixi-list { width: 860px; margin: 0 auto; padding: 360px 0 0; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list { width: 670px; padding: 280px 0 0; } }
@media (max-width: 1100px) { .main-page .content-wrap .lixi-list { width: 600px; } }
@media (max-width: 992px) { .main-page .content-wrap .lixi-list { width: 480px; } }
@media (max-width: 767px) { .main-page .content-wrap .lixi-list { width: 90%; padding-top: 180px; } }
.main-page .content-wrap .lixi-list ul { position: relative; min-height: 540px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul { min-height: 425px; } }
.main-page .content-wrap .lixi-list ul li { position: absolute; }
.main-page .content-wrap .lixi-list ul li a { display: block; }
.main-page .content-wrap .lixi-list ul li .item { display: block; position: relative; background: url(../images/lx_items_1.0.png) no-repeat; text-transform: uppercase; text-align: center; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li .item { background-size: 518.25px; } }
.main-page .content-wrap .lixi-list ul li .item .bg, .main-page .content-wrap .lixi-list ul li .item .txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main-page .content-wrap .lixi-list ul li .item .bg { display: block; background: url(../images/lx_items_1.0.png) no-repeat; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li .item .bg { background-size: 518.25px; } }
.main-page .content-wrap .lixi-list ul li .item .txt { z-index: 2; }
.main-page .content-wrap .lixi-list ul li .item1 { position: relative; z-index: 3; }
.main-page .content-wrap .lixi-list ul li .item2 { position: relative; z-index: 2; }
.main-page .content-wrap .lixi-list ul li.lixi1, .main-page .content-wrap .lixi-list ul li.lixi2 { top: 0; z-index: 2; min-height: 355px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi1, .main-page .content-wrap .lixi-list ul li.lixi2 { min-height: 266px; } }
.main-page .content-wrap .lixi-list ul li.lixi1 .item1, .main-page .content-wrap .lixi-list ul li.lixi2 .item1 { width: 230px; height: 220px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi1 .item1, .main-page .content-wrap .lixi-list ul li.lixi2 .item1 { width: 173px; height: 165px; } }
.main-page .content-wrap .lixi-list ul li.lixi1 .item2, .main-page .content-wrap .lixi-list ul li.lixi2 .item2 { background-position: -483px -312px; width: 158px; height: 50px; line-height: 46px; margin: 0 0 -32px 90px; color: #fff; font-size: 22px; font-weight: bold; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi1 .item2, .main-page .content-wrap .lixi-list ul li.lixi2 .item2 { background-position: -363px -234px; width: 119px; height: 38px; line-height: 36px; margin: 0 0 -24px 69px; font-size: 17px; } }
.main-page .content-wrap .lixi-list ul li.lixi1 .item2 .bg, .main-page .content-wrap .lixi-list ul li.lixi2 .item2 .bg { background-position: -483px -380px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi1 .item2 .bg, .main-page .content-wrap .lixi-list ul li.lixi2 .item2 .bg { background-position: -363px -285px; } }
.main-page .content-wrap .lixi-list ul li.lixi1 .item3, .main-page .content-wrap .lixi-list ul li.lixi2 .item3 { background-position: 0 -176px; width: 343px; height: 125px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi1 .item3, .main-page .content-wrap .lixi-list ul li.lixi2 .item3 { background-position: 0 -132px; width: 257px; height: 94px; } }
.main-page .content-wrap .lixi-list ul li.lixi1 .item3 .bg, .main-page .content-wrap .lixi-list ul li.lixi2 .item3 .bg { background-position: -345px -176px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi1 .item3 .bg, .main-page .content-wrap .lixi-list ul li.lixi2 .item3 .bg { background-position: -259px -132px; } }
.main-page .content-wrap .lixi-list ul li.lixi1 { left: 0; }
@media (max-width: 992px) { .main-page .content-wrap .lixi-list ul li.lixi1 { left: -100px; } }
.main-page .content-wrap .lixi-list ul li.lixi1 .item1 { background-position: -233px -311px; margin: 0 0 -12px 70px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi1 .item1 { background-position: -175px -233px; margin: 0 0 -8px 60px; } }
.main-page .content-wrap .lixi-list ul li.lixi1 .item1 .bg { background-position: -233px -1040px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi1 .item1 .bg { background-position: -175px -780px; } }
.main-page .content-wrap .lixi-list ul li.lixi2 { right: 0; }
@media (max-width: 992px) { .main-page .content-wrap .lixi-list ul li.lixi2 { right: -100px; } }
.main-page .content-wrap .lixi-list ul li.lixi2 .item1 { background-position: 0 -311px; margin: 0 0 -19px 38px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi2 .item1 { background-position: 0 -233px; margin: 0 0 -14px 30px; } }
.main-page .content-wrap .lixi-list ul li.lixi2 .item1 .bg { background-position: 0 -1040px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi2 .item1 .bg { background-position: 0 -780px; } }
.main-page .content-wrap .lixi-list ul li.lixi3 { bottom: 30px; left: 50%; min-height: 355px; margin-left: -235px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi3 { min-height: 266px; margin-left: -177px; } }
@media (max-width: 1100px) { .main-page .content-wrap .lixi-list ul li.lixi3 { bottom: 1px; margin-left: -167px; } }
.main-page .content-wrap .lixi-list ul li.lixi3 .item1 { background-position: -345px -542px; width: 320px; height: 308px; margin: 0px 0 -13px 70px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi3 .item1 { background-position: -259px -407px; width: 240px; height: 225px; margin: 0 0 -2px 50px; } }
.main-page .content-wrap .lixi-list ul li.lixi3 .item1 .bg { background-position: 0 -542px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi3 .item1 .bg { background-position: 0 -407px; } }
.main-page .content-wrap .lixi-list ul li.lixi3 .item2 { background-position: -483px 0; width: 208px; height: 65px; line-height: 61px; margin: -5px 0 -40px 129px; color: #fff; font-size: 32px; font-weight: bold; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi3 .item2 { background-position: -360px 0; width: 160px; height: 49px; line-height: 47px; margin: -5px 0 -29px 95px; font-size: 23px; } }
.main-page .content-wrap .lixi-list ul li.lixi3 .item2 .bg { background-position: -483px -80px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi3 .item2 .bg { background-position: -361px -60px; } }
.main-page .content-wrap .lixi-list ul li.lixi3 .item3 { background-position: 0 -858px; width: 470px; height: 165px; }
@media (max-width: 1370px) { .main-page .content-wrap .lixi-list ul li.lixi3 .item3 { background-position: 0 -644px; width: 353px; height: 124px; } }
.main-page .content-wrap .lixi-list ul li.lixi3 .item3 .bg { background-position: 0 0; }
.main-page .content-wrap .lixi-list ul li:hover .item2 { animation: zoomIn .7s ease-out 0.1s both infinite; -moz-animation: zoomIn .7s ease-out 0.1s both infinite; -webkit-animation: zoomIn .7s ease-out 0.1s both infinite; }
.main-page .content-wrap .lixi-list ul li.inactive a { cursor: default; }
.main-page .content-wrap .lixi-list ul li.inactive .item { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.main-page .content-wrap .lixi-list ul li.inactive .item2 { animation: none; -moz-animation: none; -webkit-animation: none; }
.main-page.blur { background: #fad546 url(../images/lx_bg_blur.jpg) center top no-repeat; }
.main-page.blur .ff-header, .main-page.blur .content-wrap, .main-page.blur .zingme-sticky, .main-page.blur .decor { -webkit-filter: blur(5px); filter: blur(5px); }

.ff-logos-list { position: absolute; bottom: 60px; left: 0; width: 100%; height: 80px; text-align: center; }
@media (max-width: 767px) { .ff-logos-list { bottom: 140px; height: auto; } }
.ff-logos-list ul { display: inline-block; background: rgba(255, 240, 218, 0.3); height: 80px; padding: 10px 10px 0; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
@media (max-width: 992px) { .ff-logos-list ul { padding-top: 15px; } }
@media (max-width: 767px) { .ff-logos-list ul { height: auto; padding-bottom: 10px; } }
.ff-logos-list ul li { float: left; height: 60px; margin-right: 5px; }
@media (max-width: 992px) { .ff-logos-list ul li { height: 50px; } }
.ff-logos-list ul li:last-child { margin-right: 0; }
.ff-logos-list ul li img { height: 100%; }

.result-page { position: absolute; z-index: 109; width: 100%; }
.result-page:before { position: fixed; top: 0; left: 0; content: ""; background: rgba(0, 0, 0, 0.6); float: left; width: 100%; height: 100%; }
.result-page .close-btn { position: fixed; top: 95px; right: 75px; background: url(../images/lx_gift_result_1.0.png) no-repeat; background-position: -336px -756px; float: left; width: 37px; height: 37px; text-indent: -9999px; }
.result-page .close-btn:hover { background-position: -336px -802px; }
.result-page .ibtn { display: block; position: relative; background: url(../images/lx_gift_result_1.0.png) no-repeat; background-position: -461px -599px; width: 104px; height: 33px; margin: 29px 0 0 6px; }
.result-page .ibtn .txt { position: relative; z-index: 2; display: block; height: 100%; line-height: 32px; color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 0.8px; }
.result-page .ibtn .bg { display: block; position: absolute; top: 0; left: 0; background: url(../images/lx_gift_result_1.0.png) no-repeat; background-position: -461px -642px; width: 100%; height: 100%; }
.result-page .result-gift { position: relative; background: url(../images/lx_gift_result_1.0.png) no-repeat; background-position: 0 0; width: 564px; height: 579px; margin: 0 auto; padding: 96px 0 0 127px; }
.result-page .result-gift .result img { display: block; }
.result-page .result-gift .btn-row { padding: 12px 0 0 93px; text-align: center; }
.result-page .result-gift .btn-row .ibtn { background-position: -393px -756px; width: 115px; height: 36px; margin: 0; }
.result-page .result-gift .btn-row .ibtn .txt { font-size: 16px; }
.result-page .result-gift .btn-row .ibtn .bg { background-position: -393px -802px; }
.result-page .lixi-num { position: relative; width: 468px; margin: 0 auto; }
.result-page .lixi-num .notify { background: url(../images/lx_gift_result_1.0.png) no-repeat; background-position: 0 -599px; width: 318px; height: 259px; margin: 0 0 30px 75px; padding: 180px 0 0; text-align: center; color: #78280a; font-size: 20px; font-weight: bold; }
.result-page .lixi-num .notify span { color: #dc0e0b; font-size: 40px; }
.result-page .lixi-num .notify .ibtn .txt { color: #fff; font-size: 13px; }
.result-page .lixi-num .dhc-title { float: left; width: 100%; margin: 20px 0 30px; text-align: center; }
.result-page .lixi-num .dhc-title span { position: relative; display: inline-block; background: #fff3d3; min-width: 160px; height: 28px; line-height: 28px; color: #884e31; font-size: 14px; text-transform: uppercase; font-weight: normal; border-left: 1px solid #dac6a4; border-right: 1px solid #dac6a4; }
.result-page .lixi-num .dhc-title span:before, .result-page .lixi-num .dhc-title span:after { content: ""; position: absolute; top: 1px; background: url(../images/lx_gift_result_1.0.png) no-repeat; float: left; width: 26px; height: 28px; }
.result-page .lixi-num .dhc-title span:before { left: -28px; background-position: -518px -756px; }
.result-page .lixi-num .dhc-title span:after { right: -27px; background-position: -518px -802px; }
.result-page .lixi-num ul li { background: url(../images/lx_gift_result_1.0.png) no-repeat; background-position: -336px -599px; float: left; width: 116px; height: 95px; margin: 0 20px; }
.result-page .lixi-num ul li.item1 .img, .result-page .lixi-num ul li.item2 .img, .result-page .lixi-num ul li.item3 .img { background: url(../images/lx_gift_result_1.0.png) no-repeat; }
.result-page .lixi-num ul li.item1 > .txt, .result-page .lixi-num ul li.item2 > .txt, .result-page .lixi-num ul li.item3 > .txt { padding-right: 65px; color: #d22a2a; font-size: 18px; font-weight: bold; text-align: right; -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
.result-page .lixi-num ul li.item1 .img { background-position: -336px -704px; width: 78px; height: 28px; margin: 20px 0 8px 14px; }
.result-page .lixi-num ul li.item2 .img { background-position: -426px -704px; width: 46px; height: 46px; margin: 6px 0 4px 31px; }
.result-page .lixi-num ul li.item3 .img { background-position: -483px -704px; width: 44px; height: 44px; margin: 7px 0 5px 32px; }
.result-page .lixi-num.off .notify { padding: 180px 0 0; }
.result-page .lixi-num.off .notify .ibtn { display: inline-block; margin: 8px 0 0; }

/*--Modal-------------*/
.modal-header { background: #ec5519; border: 0; }
@media (min-width: 970px) { .modal-header { padding: 18px 45px 18px 27px; } }
.modal-header .close { margin-top: -8px; font-family: 'VniVAGRounded'; color: #fff; font-weight: 100; font-size: 28px; text-shadow: none; }
@media (min-width: 970px) { .modal-header .close { margin-top: -22px; margin-right: -27px; font-size: 58px; } }

.modal-content { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

@media (min-width: 970px) { .modal-dialog { width: 960px; } }
@media (max-width: 969px) { .modal-dialog { width: auto; } }

.modal-title { color: #fff; font-size: 16px; font-weight: 600; }
@media (min-width: 970px) { .modal-title { font-size: 24px; font-weight: normal; } }

.modal-body { padding: 10px 15px; }
@media (min-width: 970px) { .modal-body { padding: 5px 45px 10px; } }

.modal-footer { border: 0; padding: 0 15px 15px; }
@media (min-width: 970px) { .modal-footer { padding: 0 45px 20px; } }

/*--End Modal-------------*/

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