@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-notify .notify .note-date li, .teaser-sticky ul:after { float: left; }

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

.uiselector .select-click:after, input[type="checkbox"]:checked + label span.checkbox:before, .uiselector .select-option, .teaser-flags, .teaser-funfair-logo, .teaser-slogan, .teaser-slogan .flower1, .teaser-slogan .flower2, .teaser-slogan .flower3, .teaser-notify, .teaser-notify .meoto-mouth, .ff-logo-slogan .logo, .ff-logo-slogan .slogan, .ff-logo-slogan .slogan .flower1, .ff-logo-slogan .slogan .flower2, .ff-logo-slogan .slogan .flower3 { 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; }

/*%bg_ico{
	@extend %position_ab;
	background: $bg_ico;
	float: left;
}
%bg_ico_notpos{
	@extend %fl;
	background: $bg_ico;
}*/
.megift .get-btn span, .megift .top-list li a .bg, .megift .gifts a .bg { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; }

.megift .top-list li a:hover .bg, .megift .top-list li a:hover .get-btn span, .megift .gifts a:hover .bg, .megift .gifts a:hover .get-btn span, .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(-15%) rotate(3deg); }
  50% { -webkit-transform: translateX(15%) rotate(-3deg); }
  100% { -webkit-transform: translateX(-15%) rotate(3deg); } }
@-moz-keyframes wobble2 { 0% { -moz-transform: translateX(-15%) rotate(3deg); }
  50% { -moz-transform: translateX(15%) rotate(-3deg); }
  100% { -moz-transform: translateX(-15%) rotate(3deg); } }
@keyframes wobble2 { 0% { transform: translateX(-15%) rotate(3deg); }
  50% { transform: translateX(15%) rotate(-3deg); }
  100% { transform: translateX(-15%) rotate(3deg); } }
@-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); } }
@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: #b71d14; width: 100%; height: 75px; border-bottom: 2px solid #94120c; box-shadow: inset 0 -2px 2px rgba(148, 18, 12, 0.5); -moz-box-shadow: inset 0 -2px 2px rgba(148, 18, 12, 0.5); -webkit-box-shadow: inset 0 -2px 2px rgba(148, 18, 12, 0.5); }
@media (max-width: 767px) { .ff-header { height: 55px; } }
@media (max-width: 767px) { .ff-header .container { padding: 0 10px !important; } }
.ff-header .h-left { float: left; width: 420px; }
.ff-header .h-left .avatar { position: relative; background: #b71d14; float: left; width: 100px; height: 100px; margin-top: 7px; border: 2px solid #94120c; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
@media (max-width: 767px) { .ff-header .h-left .avatar { width: 40px; height: 40px; border-width: 1px; } }
.ff-header .h-left .avatar a { position: absolute; top: 0; left: 4px; z-index: 2; float: left; width: 88px; height: 88px; border: 4px solid #fabd2d; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; }
@media (max-width: 767px) { .ff-header .h-left .avatar a { left: 0; width: 100%; height: 100%; 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: #b71d14; float: left; width: 100px; height: 65px; }
@media (max-width: 767px) { .ff-header .h-left .avatar .bg { background: none; } }
.ff-header .h-left .point { position: relative; float: left; margin: 0 5px 0 18px; }
@media (max-width: 767px) { .ff-header .h-left .point { margin-left: 10px; } }
.ff-header .h-left .point .unit { position: absolute; top: 12px; left: -3px; background: url(../images/ff_img_sprt_1.0.png) no-repeat; background-position: 0 0; float: left; width: 51px; height: 55px; }
@media (max-width: 767px) { .ff-header .h-left .point .unit { top: 7px; background-size: 535.5px; width: 35.7px; height: 38.5px; } }
.ff-header .h-left .point .num { background: #90150e; float: left; min-width: 133px; height: 35px; padding: 3px 20px 0 60px; margin: 20px 0 0; font-family: 'VniVAGRounded', Arial, sans-serif; color: #fff; font-size: 24px; font-weight: bold; border: 1px solid #db7767; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 5px #db7767, inset 0 0 6px #751a15, inset 0 4px 6px #6d0e08; -moz-box-shadow: 0 0 5px #db7767, inset 0 0 6px #751a15, inset 0 4px 6px #6d0e08; -webkit-box-shadow: 0 0 5px #db7767, 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: 767px) { .ff-header .h-left .point .num { min-width: 90px; height: 30px; padding-left: 40px; margin-top: 12px; font-size: 20px; } }
.ff-header .h-left .btns { float: left; margin-top: 18px; }
@media (max-width: 767px) { .ff-header .h-left .btns { margin-top: 14px; } }
.ff-header .h-left .btns li { float: left; }
.ff-header .h-left .btns li a { background: url(../images/ff_img_sprt_1.0.png) no-repeat; float: left; width: 60px; height: 42px; text-indent: -9999px; }
@media (max-width: 767px) { .ff-header .h-left .btns li a { background-size: 535.5px; width: 42px; height: 29.4px; } }
.ff-header .h-left .btns li.add a { background-position: -64px 0; }
@media (max-width: 767px) { .ff-header .h-left .btns li.add a { background-position: -44.8px 0; } }
.ff-header .h-left .btns li.add a:hover { background-position: -200px 0; }
@media (max-width: 767px) { .ff-header .h-left .btns li.add a:hover { background-position: -44.8px 0; } }
.ff-header .h-left .btns li.refresh a { background-position: -133px 0; }
@media (max-width: 767px) { .ff-header .h-left .btns li.refresh a { background-position: -93.1px 0; } }
.ff-header .h-left .btns li.refresh a:hover { background-position: -269px 0; }
@media (max-width: 767px) { .ff-header .h-left .btns li.refresh a:hover { background-position: -93.1px 0; } }
.ff-header .h-right { float: right; width: 330px; }
@media (max-width: 992px) { .ff-header .h-right { width: 230px; } }
@media (max-width: 767px) { .ff-header .h-right { display: none; } }
.ff-header .h-right .btns { float: right; margin-top: 16px; }
@media (max-width: 992px) { .ff-header .h-right .btns { margin-top: 22px; } }
.ff-header .h-right .btns li { float: left; margin-left: 3px; }
.ff-header .h-right .btns li a { background: url(../images/ff_img_sprt_1.0.png) no-repeat; float: left; width: 92px; height: 47px; text-indent: -9999px; }
@media (max-width: 992px) { .ff-header .h-right .btns li a { background-size: 535.5px; width: 64.4px; height: 32.9px; } }
.ff-header .h-right .btns li a:active { background-color: none !important; }
.ff-header .h-right .btns li.home a { background-position: 0 -64px; }
@media (max-width: 992px) { .ff-header .h-right .btns li.home a { background-position: 0 -44.8px; } }
.ff-header .h-right .btns li.home a:hover { background-position: 0 -124px; }
@media (max-width: 992px) { .ff-header .h-right .btns li.home a:hover { background-position: 0 -44.8px; } }
.ff-header .h-right .btns li.like a { background-position: -95px -64px; }
@media (max-width: 992px) { .ff-header .h-right .btns li.like a { background-position: -66.5px -44.8px; } }
.ff-header .h-right .btns li.like a:hover { background-position: -95px -124px; }
@media (max-width: 992px) { .ff-header .h-right .btns li.like a:hover { background-position: -66.5px -44.8px; } }
.ff-header .h-right .btns li.share a { background-position: -189px -64px; }
@media (max-width: 992px) { .ff-header .h-right .btns li.share a { background-position: -132.3px -44.8px; } }
.ff-header .h-right .btns li.share a:hover { background-position: -189px -124px; }
@media (max-width: 992px) { .ff-header .h-right .btns li.share a:hover { background-position: -132.3px -44.8px; } }
.ff-header .h-marquee { padding: 0 400px 0 490px; color: #fabd2d; font-size: 15px; }
@media (max-width: 1200px) { .ff-header .h-marquee { display: none; } }
.ff-header .h-marquee .mq-box { position: relative; height: 75px; overflow: hidden; }
.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 #b71d14; -moz-box-shadow: inset 20px 0 30px #b71d14; -webkit-box-shadow: inset 20px 0 30px #b71d14; }
.ff-header .h-marquee .mq-box:after { right: 0; box-shadow: inset -20px 0 30px #b71d14; -moz-box-shadow: inset -20px 0 30px #b71d14; -webkit-box-shadow: inset -20px 0 30px #b71d14; }
.ff-header .h-marquee .mq-box div { display: block; position: absolute; height: 100%; padding-top: 28px; overflow: hidden; white-space: nowrap; }

.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/ff_img_sprt_1.0.png) no-repeat; width: 122px; height: 57px; }
.ff-login-resgistry li.login a { background-position: -491px 0; }
.ff-login-resgistry li.login a:hover { background-position: -491px -64px; }
.ff-login-resgistry li.resgistry a { background-position: -643px 0; }
.ff-login-resgistry li.resgistry a:hover { background-position: -643px -64px; }

.tabs-block .tab-menu-row { position: relative; height: 49px; margin: 0 30px 25px; text-align: center; }
.tabs-block .tab-menu-row .mline { content: ""; display: block; position: absolute; top: 23px; left: 0; background: #e15050; width: 100%; height: 2px; }
.tabs-block .tab-menu-row .mline:before, .tabs-block .tab-menu-row .mline:after { content: ""; display: block; position: absolute; top: -5px; background: url(../images/ff_topdhc_sprt.png) no-repeat; background-position: -450px 0; width: 12px; height: 12px; }
.tabs-block .tab-menu-row .mline:before { left: -2px; }
.tabs-block .tab-menu-row .mline:after { right: -2px; }
.tabs-block .tab-menu { display: inline-block; position: relative; background-color: #fff3d3; padding: 0 3px; }
.tabs-block .tab-menu > li { position: relative; float: left; padding: 2px 0; min-width: 118px; height: 49px; margin-right: 27px; margin-left: 20px; text-align: center; border-top: 2px solid #898989; border-bottom: 2px solid #898989; }
.tabs-block .tab-menu > li:before, .tabs-block .tab-menu > li:after { content: ""; position: absolute; top: -2px; background: url(../images/ff_topdhc_sprt.png) no-repeat; display: block; width: 20px; height: 49px; }
.tabs-block .tab-menu > li:before { left: -20px; background-position: -580px -219px; }
.tabs-block .tab-menu > li:after { right: -20px; background-position: -610px -219px; }
.tabs-block .tab-menu > li a { display: block; height: 41px; line-height: 39px; color: #898989; font-weight: bold; text-transform: uppercase; letter-spacing: 0.3px; border-top: 1px solid #898989; border-bottom: 1px solid #898989; }
.tabs-block .tab-menu > li.active { border-top-color: #d22a2a; border-bottom-color: #d22a2a; }
.tabs-block .tab-menu > li.active:before { background-position: -580px -160px; }
.tabs-block .tab-menu > li.active:after { background-position: -610px -160px; }
.tabs-block .tab-menu > li.active a { color: #d22a2a; border-top-color: #d22a2a; border-bottom-color: #d22a2a; }
.tabs-block .tab-menu > li:last-child { margin-right: 20px; }
.tabs-block .tab-content { margin: 0 28px; }
.tabs-block .tab-content > li { display: none; float: left; width: 100%; }
.tabs-block .tab-content > li.active { display: block; }

/*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: #aa0716; font-size: 14px; text-align: center; font-weight: 600; white-space: nowrap; border: 1px solid #aa0716; vertical-align: middle; touch-action: manipulation; cursor: pointer; }
.btn:hover { background: #aa0716; color: #fff; }

/*--End Button-------------*/
.paging { display: inline-block; }
.paging li { float: left; margin: 0; color: #868c95; font-size: 12px; }
.paging li a { display: inline-block; height: 20px; line-height: 19px; padding: 0 6px; color: #6d6d6b; font-size: 12px; }
.paging li a:hover { color: #d22a2a; }
.paging li.sum { height: 20px; line-height: 19px; padding-left: 5px; }
.paging li.next a, .paging li.prev a { position: relative; top: -2px; font-size: 16px; font-weight: bold; }
.paging li.active a { color: #d22a2a; font-weight: bold; cursor: default; }

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

.zingme-sticky { position: fixed; left: 20px; bottom: 20px; z-index: 98; }
.zingme-sticky a { display: block; background: url(../images/img_sprt.png) no-repeat; background-position: 0 -500px; width: 230px; height: 88px; }
@media (max-width: 1370px) { .zingme-sticky a { background-position: 0 -597px; width: 147px; height: 57px; } }

.social-sticky { position: fixed; left: 0; top: 40%; z-index: 98; background: rgba(71, 71, 71, 0.2); padding: 10px; border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; -webkit-border-radius: 0 7px 7px 0; }

.teaser-page { background: #ffdd8c url(../images/teaser_bg.png) center top no-repeat; overflow-x: hidden; }
.teaser-page .top-block { z-index: 9; min-height: 1030px; }
@media (max-width: 1370px) { .teaser-page .top-block { min-height: 860px; } }

.teaser-flags { top: 0; left: 50%; background: url(../images/flags.png) no-repeat; width: 1920px; height: 196px; margin-left: -960px; animation: fadeInDown .6s ease 0s both; -moz-animation: fadeInDown .6s ease 0s both; -webkit-animation: fadeInDown .6s ease 0s both; }

.teaser-funfair-logo { top: -10px; left: 50%; background: url(../images/img_sprt.png) no-repeat; background-position: 0 0; width: 189px; height: 136px; margin-left: -94px; animation: bounceInDown 0.5s ease .2s both, wobble 5s ease 1s infinite; -moz-animation: bounceInDown 0.5s ease .2s both, wobble 5s ease 1s infinite; -webkit-animation: bounceInDown 0.5s ease .2s both, wobble 5s ease 1s infinite; }

.teaser-slogan { top: 150px; left: 50%; background: url(../images/slogan.png) no-repeat; width: 950px; height: 266px; margin-left: -475px; animation: fadeInDown .5s ease 0.7s both; -moz-animation: fadeInDown .5s ease 0.7s both; -webkit-animation: fadeInDown .5s ease 0.7s both; }
@media (max-width: 1370px) { .teaser-slogan { top: 138px; background: url(../images/slogan_s.png) no-repeat; width: 764px; height: 216px; margin-left: -382px; } }
.teaser-slogan .flower1 { top: 176px; left: 178px; background: url(../images/img_sprt.png) no-repeat; background-position: -200px -79px; width: 32px; height: 33px; 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-slogan .flower1 { top: 139px; left: 144px; background-position: -130px -465px; width: 27px; height: 27px; } }
.teaser-slogan .flower2 { top: 209px; right: 111px; background: url(../images/img_sprt.png) no-repeat; background-position: -200px 0; width: 75px; height: 73px; 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-slogan .flower2 { top: 169px; right: 91px; background-position: -235px -427px; width: 61px; height: 60px; } }
.teaser-slogan .flower3 { top: 194px; right: 174px; background: url(../images/img_sprt.png) no-repeat; background-position: -243px -79px; width: 30px; height: 29px; 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-slogan .flower3 { top: 155px; right: 143px; background-position: -164px -465px; width: 25px; height: 25px; } }

.teaser-notify { top: 415px; left: 50%; background: url(../images/meoto.png) no-repeat; width: 635px; height: 575px; margin-left: -310px; animation: fadeIn .9s ease 1s both; -webkit-animation: fadeIn .9s ease 1s both; }
@media (max-width: 1370px) { .teaser-notify { top: 365px; background: url(../images/meoto_s.png) no-repeat; width: 488px; height: 462px; margin-left: -244px; } }
.teaser-notify .meoto-mouth { top: 144px; left: 292px; background: url(../images/meoto_mouth1.svg) no-repeat; width: 69px; height: 108px; animation: zoomIn .6s ease-out 2s both infinite; -moz-animation: zoomIn .6s ease-out 2s both infinite; -webkit-animation: zoomIn .6s ease-out 2s both infinite; }
@media (max-width: 1370px) { .teaser-notify .meoto-mouth { top: 110px; left: 231px; background: url(../images/meoto_mouth2.svg) no-repeat; width: 49px; height: 84px; } }
.teaser-notify .notify { width: 460px; margin: 288px 0 0 90px; text-align: center; }
@media (max-width: 1370px) { .teaser-notify .notify { width: 350px; margin: 216px 0 0 72px; } }
.teaser-notify .notify .note-txt { line-height: 33px; margin: 0 0 16px; font-family: "UTMAzuki", Arial, sans-serif; color: #ffda3e; font-size: 30px; text-transform: uppercase; }
@media (max-width: 1370px) { .teaser-notify .notify .note-txt { margin: 0 0 6px; font-size: 25px; } }
.teaser-notify .notify .note-date { display: inline-block; color: #fff; }
.teaser-notify .notify .note-date li { background: #fff; min-width: 88px; height: 75px; line-height: normal; margin-right: 15px; padding: 0 17px; color: #444; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
@media (max-width: 1370px) { .teaser-notify .notify .note-date li { min-width: 74px; height: 74px; padding: 0 15px; } }
.teaser-notify .notify .note-date li .txt { margin: 7px 0 0; font-size: 12px; text-transform: uppercase; }
@media (max-width: 1370px) { .teaser-notify .notify .note-date li .txt { margin: 4px 0 0; font-size: 13px; } }
.teaser-notify .notify .note-date li .num { line-height: 42px; font-size: 40px; }
@media (max-width: 1370px) { .teaser-notify .notify .note-date li .num { font-size: 45px; } }
.teaser-notify .notify .note-date li:last-child { margin-right: 0; }
.teaser-notify .see-more { text-align: center; }
.teaser-notify .see-more a { display: inline-block; width: 196px; height: 65px; background: url(../images/img_sprt.png) no-repeat; background-position: 0 -144px; margin: 5px 0 0 -6px; 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-notify .see-more a { margin: -2px 0 0 -1px; } }

.teaser-sticky { position: absolute; top: 335px; right: 20px; animation: fadeIn .9s ease 1.2s both; -webkit-animation: fadeIn .9s ease 1.2s both; }
.teaser-sticky .meoto-head { z-index: 3; background: url(../images/img_sprt.png) no-repeat; background-position: -140px -216px; width: 148px; height: 132px; }
@media (max-width: 1370px) { .teaser-sticky .meoto-head { background-position: 0 -360px; width: 119px; height: 106px; } }
.teaser-sticky ul { width: 127px; margin: -17px 0 0 10px; animation: wobble2 3s ease 1s infinite; -moz-animation: wobble2 3s ease 1s infinite; -webkit-animation: wobble2 3s ease 1s infinite; }
@media (max-width: 1370px) { .teaser-sticky ul { width: 97px; margin: -12px 0 0 9px; } }
.teaser-sticky ul:after { content: ""; background: url(../images/img_sprt.png) no-repeat; background-position: -207px -121px; width: 71px; height: 72px; margin: -6px 0 0 51px; }
@media (max-width: 1370px) { .teaser-sticky ul:after { background-position: -235px -360px; width: 59px; height: 59px; margin: -4px 0 0 36px; } }
.teaser-sticky ul li a { background: url(../images/img_sprt.png) no-repeat; background-position: 0 -216px; 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 { height: 97px; background-position: -131px -360px; line-height: 20px; padding-top: 28px; font-size: 16px; } }
.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: 0 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%; }

.xu { animation: fadeIn .9s ease 1.3s both; -webkit-animation: fadeIn .9s ease 1.3s both; }
@media (max-width: 1700px) { .xu .xu2 { visibility: hidden; } }
.xu .xu2_b { visibility: hidden; }
@media (max-width: 1700px) { .xu .xu2_b { visibility: visible; } }
.xu .ld-smart-container { position: absolute; z-index: 2; width: 100%; height: 700px; overflow: hidden; }
.xu .ld-overlap-container { position: absolute; top: 0 !important; }
@media (max-width: 1700px) { .xu .ld-overlap-container { left: 0 !important; } }
@media (max-width: 1400px) { .xu .ld-overlap-container { left: 204.90px !important; } }
@media (max-width: 1100px) { .xu .ld-overlap-container { left: 413px !important; } }
.xu .ld-smart-container .ld-3d-parent { width: 100%; height: 700px; pointer-events: none; transform-style: preserve-3d; perspective: 700px; opacity: 1; position: relative; }
.xu .ld-smart-container .ld-transform-target { position: relative; -webkit-transform-style: flat; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); width: 100%; height: 700px; pointer-events: none; transform-style: preserve-3d; }
.xu .ld-smart-container .ld-3d-object { position: absolute; left: 50%; width: 1920px !important; height: 700px !important; margin-left: -960px; pointer-events: none; -webkit-transform-style: flat; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; -webkit-perspective: 1000; backface-visibility: hidden; perspective: 1000px; }

.main-page { position: relative; background: #ffd364 url(../images/ff_bg_1.0.jpg) center top no-repeat; min-height: 1150px; }
@media (max-width: 1440px) { .main-page { background-size: 1440px; background-position: center 20px; min-height: 910px; } }
.main-page .container { width: 100%; max-width: 1560px; margin: 0 auto; padding: 0 15px; }
.main-page .zingme-sticky { right: 20px; left: auto; }
.main-page.blur { background: #ffd364 url(../images/ff_bg_blur_1.0.jpg) center top no-repeat; }
.main-page.blur .ff-logo-slogan, .main-page.blur .ff-items-list { -webkit-filter: blur(5px); filter: blur(5px); }
.main-page.blur .zingme-sticky a { background: url(../images/ff_img_sprt_1.0.png) no-repeat; background-position: 0 -393px; width: 237px; height: 89px; }
@media (max-width: 1850px) { .main-page .social-sticky, .main-page .zingme-sticky { display: none; } }

.ff-logo-slogan { position: relative; min-height: 290px; margin-top: 75px; }
.ff-logo-slogan .logo { top: -10px; left: 50%; background: url(../images/ff_img_sprt_1.0.png) no-repeat; background-position: -350px 0; width: 122px; height: 98px; margin-left: -61px; animation: bounceInDown 0.5s ease .2s both, wobble 5s ease 1s infinite; -moz-animation: bounceInDown 0.5s ease .2s both, wobble 5s ease 1s infinite; -webkit-animation: bounceInDown 0.5s ease .2s both, wobble 5s ease 1s infinite; }
@media (max-width: 1440px) { .ff-logo-slogan .logo { background-size: 535.5px; background-position: -245px 0; width: 91.5px; height: 68.6px; margin-left: -46px; } }
.ff-logo-slogan .slogan { top: 83px; left: 50%; background: url(../images/ff_img_sprt_1.0.png) no-repeat; background-position: 0 -185px; width: 655px; height: 187px; margin-left: -328px; animation: fadeInDown .5s ease 0.7s both; -moz-animation: fadeInDown .5s ease 0.7s both; -webkit-animation: fadeInDown .5s ease 0.7s both; }
@media (max-width: 1440px) { .ff-logo-slogan .slogan { top: 70px; background-size: 535.5px; background-position: 0 -129.5px; width: 458.5px; height: 130.9px; margin-left: -229px; } }
.ff-logo-slogan .slogan .flower1 { top: 119px; left: 122px; background: url(../images/ff_img_sprt_1.0.png) no-repeat; background-position: -350px -124px; width: 25px; height: 25px; 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: 1440px) { .ff-logo-slogan .slogan .flower1 { top: 83px; left: 85px; background-size: 535.5px; background-position: -245px -86.8px; width: 17.5px; height: 17.5px; } }
.ff-logo-slogan .slogan .flower2 { top: 141px; right: 76px; background: url(../images/ff_img_sprt_1.0.png) no-repeat; background-position: -409px -124px; width: 57px; height: 57px; 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: 1440px) { .ff-logo-slogan .slogan .flower2 { top: 101px; right: 56px; background-size: 535.5px; background-position: -286.3px -86.8px; width: 39.9px; height: 39.9px; } }
.ff-logo-slogan .slogan .flower3 { top: 129px; right: 128px; background: url(../images/ff_img_sprt_1.0.png) no-repeat; background-position: -380px -124px; width: 24px; height: 24px; 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: 1440px) { .ff-logo-slogan .slogan .flower3 { top: 92px; right: 84px; background-size: 535.5px; background-position: -266px -86.8px; width: 16.8px; height: 16.8px; } }

.ff-tooltip { display: none; position: absolute; left: 50%; background: #fedb68; width: 160px; margin-left: -80px; padding: 10px; color: #c92100; font-size: 16px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); /*@media (max-width: 767px){
	bottom: 78px;
	width: 160px;
	padding: 6px 5px 7px 8px;
	font-size: 13px;
}*/ }
.ff-tooltip:after { content: ""; position: absolute; bottom: -9px; left: 50%; width: 0; height: 0; margin-left: -10px; border-style: solid; border-width: 9px 8px 0 8px; border-color: #fedb68 transparent transparent transparent; }

.ff-items-list .container { position: relative; max-width: 1300px; min-height: 600px; }
.ff-items-list .item { position: absolute; left: 50%; animation: fadeInDown .6s ease 0s both; -moz-animation: fadeInDown .6s ease 0s both; -webkit-animation: fadeInDown .6s ease 0s both; }
.ff-items-list .item:hover .ff-tooltip { display: block; }
.ff-items-list .item a { display: block; background: url(../images/ff_items_1.1.png) no-repeat; text-indent: -9999px; }
@media (max-width: 1440px) { .ff-items-list .item a { background-size: 723px; } }
.ff-items-list .item a:hover { animation: pulse .6s ease 0s both; -moz-animation: pulse .6s ease 0s both; -webkit-animation: pulse .6s ease 0s both; }
.ff-items-list .item.inactive a { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; pointer-events: none; }
.ff-items-list .item.inactive a:hover { animation: none; -moz-animation: none; -webkit-animation: none; }
.ff-items-list .item.item1 { top: 140px; margin-left: -585px; }
@media (max-width: 1440px) { .ff-items-list .item.item1 { top: 33px; margin-left: -440px; } }
.ff-items-list .item.item1 a { background-position: 0 0; width: 245px; height: 250px; }
@media (max-width: 1440px) { .ff-items-list .item.item1 a { width: 183.75px; height: 187.5px; } }
.ff-items-list .item.item1 .ff-tooltip { bottom: 264px; }
.ff-items-list .item.item2 { top: 24px; margin-left: -60px; }
@media (max-width: 1440px) { .ff-items-list .item.item2 { top: -52px; } }
.ff-items-list .item.item2 a { background-position: -277px 0; width: 180px; height: 190px; }
@media (max-width: 1440px) { .ff-items-list .item.item2 a { background-position: -207.75px 0; width: 135px; height: 142.5px; } }
.ff-items-list .item.item2 .ff-tooltip { bottom: 202px; }
.ff-items-list .item.item3 { top: 165px; margin-left: -335px; }
@media (max-width: 1440px) { .ff-items-list .item.item3 { top: 48px; margin-left: -252px; } }
.ff-items-list .item.item3 a { background-position: 0 -276px; width: 300px; height: 386px; }
@media (max-width: 1440px) { .ff-items-list .item.item3 a { background-position: 0 -207px; width: 225px; height: 289.5px; } }
.ff-items-list .item.item4 { top: 152px; margin-left: 80px; }
@media (max-width: 1440px) { .ff-items-list .item.item4 { top: 44px; margin-left: 60px; } }
.ff-items-list .item.item4 a { background-position: -321px -276px; width: 239px; height: 329px; }
@media (max-width: 1440px) { .ff-items-list .item.item4 a { background-position: -240.75px -207px; width: 179.25px; height: 246.75px; } }
.ff-items-list .item.item4 .ff-tooltip { bottom: 340px; }
.ff-items-list .item.item5 { top: -26px; margin-left: 320px; }
.ff-items-list .item.item5 a { background-position: -584px 0; width: 380px; height: 328px; }
@media (max-width: 1440px) { .ff-items-list .item.item5 a { background-position: -438px 0; width: 285px; height: 246px; } }
.ff-items-list .item.item5 .ff-tooltip { bottom: 340px; }
.ff-items-list .item.item6 { top: 153px; margin-left: 586px; }
@media (max-width: 1440px) { .ff-items-list .item.item6 { top: 41px; margin-left: 427px; } }
.ff-items-list .item.item6 a { background-position: -584px -344px; width: 250px; height: 305px; }
@media (max-width: 1440px) { .ff-items-list .item.item6 a { background-position: -438px -258px; width: 187.5px; height: 228.75px; } }
.ff-items-list .item.item6 .ff-tooltip { bottom: 320px; }
@media (max-width: 1440px) { .ff-items-list .item.item6 .ff-tooltip { bottom: 240px; } }

.ff-logos-list { position: fixed; bottom: 0; left: 50%; background: rgba(255, 255, 255, 0.8); height: 80px; margin-left: -281px; padding: 10px 10px 0; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; }
.ff-logos-list ul { float: left; }
.ff-logos-list ul li { float: left; height: 60px; margin-right: 5px; }
.ff-logos-list ul li:last-child { margin-right: 0; }
.ff-logos-list ul li img { height: 100%; }

.detail-page { position: absolute; z-index: 98; width: 100%; }
.detail-page:before { position: fixed; top: 0; left: 0; content: ""; background: rgba(0, 0, 0, 0.6); float: left; width: 100%; height: 100%; }
.detail-page .close-btn { position: fixed; top: 95px; right: 20px; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; background-position: -709px -564px; float: left; width: 37px; height: 37px; text-indent: -9999px; /*@media (max-width:767px){
	top: 70px;
	right: 15px;
	background-size: $ff_detail_resize60;
	background-position: -425.4px -338.4px;
	width: 22.2px;
	height: 22.2px;
}*/ }
@media (max-width: 992px) { .detail-page .close-btn { background-size: 613.2px; background-position: -496.3px -394.8px; width: 25.9px; height: 25.9px; } }
.detail-page .close-btn:hover { background-position: -709px -610px; /*@media (max-width:767px){
	background-position: -283.6px -225.6px;
}*/ }
@media (max-width: 992px) { .detail-page .close-btn:hover { background-position: -496.3px -394.8px; } }
.detail-page .d-box { position: relative; width: 837px; min-height: 1000px; margin: 0 auto; padding: 292px 51px 135px; /*@media (max-width:767px){
	width: 100%;
	padding: 204px 5px 95px;
}*/ }
@media (max-width: 1270px) { .detail-page .d-box { min-height: inherit; } }
@media (max-width: 992px) { .detail-page .d-box { width: 585.9px; padding: 204px 36px 95px; } }
.detail-page .d-box .ff-logos-list { position: absolute; bottom: 20px; background: rgba(255, 255, 255, 0.3); height: 95px; margin-left: -344px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; /*@media (max-width:767px){
	left: 0;
	bottom: -50px;
	width: 100%;
	height: auto;
	margin-left: 0;
}*/ }
@media (max-width: 992px) { .detail-page .d-box .ff-logos-list { bottom: -20px; margin-left: -318px; } }
.detail-page .d-box .ff-logos-list ul { /*@media (max-width:767px){
	width: 100%;
	text-align: center;
}*/ }
.detail-page .d-box .ff-logos-list ul li { height: 75px; /*@media (max-width:767px){
	display: inline-block;
	float: none;
	height: 55px;
}*/ }
@media (max-width: 992px) { .detail-page .d-box .ff-logos-list ul li { height: 65px; } }
.detail-page .d-header { position: absolute; top: 6px; left: 0; z-index: 2; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; background-position: 0 0; float: left; width: 100%; height: 455px; text-align: center; /*@media (max-width:767px){
	left: 50%;
	background-position: -136px 0;
	width: 320px;
	height: 255px;
	margin-left: -160px;
}*/ }
@media (max-width: 992px) { .detail-page .d-header { background-size: 613.2px; height: 318.5px; } }
.detail-page .d-header .h-btn { position: absolute; top: 200px; right: -20px; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; background-position: -223px -478px; float: left; width: 194px; height: 47px; /*@media (max-width:767px){
	top: 40px;
	right: 3px;
	background-size: $ff_detail_resize50;
	background-position: -111.5px -239px;
	width: 98px;
	height: 23.5px;
}*/ }
@media (max-width: 992px) { .detail-page .d-header .h-btn { top: 136px; background-size: 613.2px; background-position: -156.1px -334.6px; width: 135.8px; height: 32.9px; } }
.detail-page .d-header .h-btn:hover { background-position: -558px -478px; }
@media (max-width: 992px) { .detail-page .d-header .h-btn:hover { background-position: -156.1px -334.6px; } }
.detail-page .d-header h2 { display: inline-block; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; margin: 175px 0 0; }
@media (max-width: 992px) { .detail-page .d-header h2 { background-size: 613.2px; margin-top: 122px; } }
.detail-page .d-header h2.charity-header { background-position: 0 -687px; width: 345px; height: 65px; }
@media (max-width: 992px) { .detail-page .d-header h2.charity-header { background-position: 0 -480.9px; width: 241.5px; height: 45.5px; } }
.detail-page .d-header h2.topdhc-header { background: url(../images/ff_topdhc_sprt.png) no-repeat; background-position: 0 0; width: 370px; height: 62px; margin: 184px 0 0 10px; }
@media (max-width: 992px) { .detail-page .d-header h2.topdhc-header { background-size: 734.3px; width: 259px; height: 43.4px; margin-top: 127px; } }
.detail-page .d-header h2.luckycode-header { background: url(../images/ff_luckycode_sprt_1.0.png) no-repeat; background-position: 0 0; width: 357px; height: 52px; margin: 184px 0 0 10px; }
@media (max-width: 992px) { .detail-page .d-header h2.luckycode-header { background-size: 459.2px; width: 249.9px; height: 36.4px; margin-top: 127px; } }
.detail-page .d-header h2.megift-header { background: url(../images/ff_megift.png) no-repeat; background-position: 0 0; width: 260px; height: 68px; margin: 171px 0 0 7px; }
@media (max-width: 992px) { .detail-page .d-header h2.megift-header { background-size: 540.4px; width: 182px; height: 47.6px; margin-top: 123px; } }
.detail-page .d-body { position: relative; background: #d8261b; width: 100%; padding: 0 20px 20px 21px; border-radius: 96px; -moz-border-radius: 96px; -webkit-border-radius: 96px; box-shadow: inset 0 0 8px #6e010b; -moz-box-shadow: inset 0 0 8px #6e010b; -webkit-box-shadow: inset 0 0 8px #6e010b; /*@media (max-width:767px){
	@include border_radius(20px);
}*/ }
.detail-page .d-body:before, .detail-page .d-body:after { content: ""; position: absolute; bottom: 0; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; float: left; width: 110px; height: 100px; /*@media (max-width:767px){
	display: none;
}*/ }
.detail-page .d-body:before { left: 0; background-position: -222px -564px; }
.detail-page .d-body:after { right: -1px; background-position: -347px -564px; }
.detail-page .d-body .db-box { background: #fff3d3; width: 100%; min-height: 500px; border: 7px solid #ffdf9d; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; }
.detail-page .bn-list { position: absolute; top: 297px; width: 205px; }
@media (max-width: 1270px) { .detail-page .bn-list { display: none; } }
.detail-page .bn-list:before, .detail-page .bn-list:after { content: ""; position: absolute; left: -9px; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; background-position: 0 -478px; float: left; width: 214px; height: 25px; }
.detail-page .bn-list:before { top: 0; }
.detail-page .bn-list:after { bottom: 0; }
.detail-page .bn-list ul { background: #ffdf9d; width: 196px; padding: 7px 18px; margin: 25px 0; }
.detail-page .bn-list ul li { padding: 9px 0; }
.detail-page .bn-list.left { left: -200px; }
.detail-page .bn-list.right { right: -208px; }
.detail-page .charity { position: relative; z-index: 2; padding: 65px 0 0; }
.detail-page .charity:before, .detail-page .charity:after { content: ""; position: absolute; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; }
.detail-page .charity:before { bottom: 60px; left: -60px; background-position: 0 -564px; width: 78px; height: 107px; }
.detail-page .charity:after { bottom: 155px; right: -60px; background-position: -90px -564px; width: 68px; height: 59px; }
.detail-page .charity .sum { text-align: center; }
.detail-page .charity .sum .txt { color: #a32a0a; font-size: 14px; }
.detail-page .charity .sum .num { display: inline-block; position: relative; min-width: 247px; margin-top: 10px; color: #e62226; font-size: 40px; font-weight: bold; /*@media (max-width:767px){
	font-size: 30px;
}*/ }
.detail-page .charity .sum .num:before, .detail-page .charity .sum .num:after { content: ""; position: absolute; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; float: left; }
.detail-page .charity .sum .num:before { top: -25px; left: -32px; background-position: -171px -564px; width: 23px; height: 24px; }
.detail-page .charity .sum .num:after { top: -11px; right: -40px; background-position: -171px -597px; width: 15px; height: 19px; }
.detail-page .charity .zm-input { background: #fff; height: 65px; margin: 22px 20px; border-radius: 29px; -moz-border-radius: 29px; -webkit-border-radius: 29px; overflow: hidden; }
@media (max-width: 992px) { .detail-page .charity .zm-input { height: auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } }
.detail-page .charity .zm-input .zm-left { background: #f5d083; float: left; width: 170px; height: 65px; padding: 13px 0 0 14px; /*@media (max-width:767px){
	float: none;
	width: 100%;
}*/ }
.detail-page .charity .zm-input .zm-left .avatar { float: left; width: 38px; height: 38px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; }
.detail-page .charity .zm-input .zm-left .avatar img { width: 100%; height: 100%; }
.detail-page .charity .zm-input .zm-left .dt { margin-left: 48px; }
.detail-page .charity .zm-input .zm-left .dt .txt { margin-bottom: 2px; color: #b1543b; font-size: 12px; }
.detail-page .charity .zm-input .zm-left .dt .num { color: #c72f06; font-size: 20px; font-weight: bold; }
.detail-page .charity .zm-input .zm-left .dt .num .zm { position: relative; top: 2px; }
.detail-page .charity .zm-input .zm-right { position: relative; padding: 18px 135px 10px 0; margin-left: 190px; /*@media (max-width:767px){
	padding: 10px;
	margin-left: 0;
}*/ }
@media (max-width: 992px) { .detail-page .charity .zm-input .zm-right { padding-right: 105px; } }
.detail-page .charity .zm-input .zm-right .txt-in { width: 100%; height: 30px; line-height: 30px; padding: 5px 0; color: #ae774c; font-size: 14px; border: 0; }
@media (max-width: 992px) { .detail-page .charity .zm-input .zm-right .txt-in { font-size: 12px; } }
.detail-page .charity .zm-input .zm-right .txt-in::-webkit-input-placeholder { color: #ae774c; }
.detail-page .charity .zm-input .zm-right .txt-in:-moz-placeholder { color: #ae774c !important; }
.detail-page .charity .zm-input .zm-right .txt-in::-moz-placeholder { color: #ae774c !important; }
.detail-page .charity .zm-input .zm-right .txt-in::-ms-input-placeholder { color: #ae774c; }
.detail-page .charity .zm-input .zm-right .txt-in:focus::-webkit-input-placeholder { color: #c69168; }
.detail-page .charity .zm-input .zm-right .txt-in:focus:-moz-placeholder { color: #c69168 !important; }
.detail-page .charity .zm-input .zm-right .txt-in:focus::-moz-placeholder { color: #c69168 !important; }
.detail-page .charity .zm-input .zm-right .txt-in:focus::-ms-input-placeholder { color: #c69168; }
.detail-page .charity .zm-input .zm-right .zm-btn { position: absolute; top: 9px; right: 10px; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; background-position: -428px -478px; float: left; width: 114px; height: 47px; border: 0; text-indent: -9999px; 					/*@media (max-width:767px){
						top: 10px; 					right: 8px;
						background-size: $ff_detail_resize60;
						background-position: -256.8px -286.8px;
						width: 70px;
						height: 28.2px;
					}*/ }
@media (max-width: 992px) { .detail-page .charity .zm-input .zm-right .zm-btn { top: 16px; right: 13px; background-size: 613.2px; background-position: -299.6px -334.6px; width: 81px; height: 35px; } }
.detail-page .charity .zm-input .zm-right .zm-btn:hover { background-position: -763px -478px; /*@media (max-width:767px){
	background-position: -256.8px -286.8px;
}*/ }
@media (max-width: 992px) { .detail-page .charity .zm-input .zm-right .zm-btn:hover { background-position: -299.6px -334.6px; } }
.detail-page .charity .info { padding: 0 20px 25px 20px; }
.detail-page .charity .info .info-title { margin-bottom: 12px; color: #e72227; font-size: 18px; text-transform: uppercase; }
@media (max-width: 992px) { .detail-page .charity .info .info-title { font-size: 14px; } }
.detail-page .charity .info .l-info { float: left; width: 50%; padding-right: 13px; /*@media (max-width:767px){
	float: none;
	width: 100%;
	padding-right: 0;
	margin-bottom: 20px;
}*/ }
.detail-page .charity .info .l-info ul { padding: 0 7px; font-size: 13px; border: 1px solid #898989; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.detail-page .charity .info .l-info ul li { position: relative; line-height: 18px; padding: 7px 0 9px 34px; color: #6d6d6b; border-bottom: 1px dotted #efe5cc; }
.detail-page .charity .info .l-info ul li:before { content: ""; position: absolute; top: 14px; left: 11px; background: #9f9f9f; float: left; width: 10px; height: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.detail-page .charity .info .l-info ul li a { color: #6d6d6b; }
.detail-page .charity .info .l-info ul li a:hover { color: #f68b2c; }
.detail-page .charity .info .l-info ul li .red { color: #e62226; }
.detail-page .charity .info .l-info ul li.has-num:before { display: none; }
.detail-page .charity .info .l-info ul li.has-num .num { display: inline-block; position: absolute; left: 7px; top: 10px; width: 18px; height: 18px; color: #fff; font-size: 11px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.detail-page .charity .info .l-info ul li.has-num .num.num1 { background: #ff8737; padding-right: 2px; }
.detail-page .charity .info .l-info ul li.has-num .num.num2 { background: #a72be0; }
.detail-page .charity .info .l-info ul li.has-num .num.num3 { background: #1caee8; }
.detail-page .charity .info .r-info { float: right; width: 50%; padding-left: 13px; /*@media (max-width:767px){
	float: none;
	width: 100%;
	padding-left: 0;
}*/ }
.detail-page .charity .info .r-info .members-done ul { padding: 0 7px; font-size: 13px; border: 1px solid #898989; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.detail-page .charity .info .r-info .members-done ul li { position: relative; line-height: 18px; padding: 7px 0 9px 8px; color: #6d6d6b; border-bottom: 1px dotted #efe5cc; }
.detail-page .charity .info .r-info .members-done ul li a { color: #6d6d6b; }
.detail-page .charity .info .r-info .members-done ul li a:hover { color: #f68b2c; }
.detail-page .charity .info .r-info .members-done ul li .red { color: #e62226; }
.detail-page .charity .info .r-info .p-info { line-height: 17px; margin-top: 35px; padding-left: 50px; color: #6d6d6b; font-size: 13px; /*@media (max-width:767px){
	margin-top: 20px;
}*/ }
@media (max-width: 992px) { .detail-page .charity .info .r-info .p-info { padding-left: 0; } }
.detail-page .charity .info .r-info .p-info .pi-content { position: relative; min-height: 194px; padding: 10px 10px 15px 75px; border: 1px solid #898989; border-left: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
@media (max-width: 992px) { .detail-page .charity .info .r-info .p-info .pi-content { padding: 10px 10px 145px; border-left: 1px solid #898989; } }
.detail-page .charity .info .r-info .p-info .pi-content:before { content: ""; position: absolute; top: -5px; left: -65px; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; background-position: -559px -564px; width: 135px; height: 205px; }
@media (max-width: 992px) { .detail-page .charity .info .r-info .p-info .pi-content:before { top: auto; bottom: -10px; left: 48px; background-size: 613.2px; background-position: -391.3px -394.8px; width: 94.5px; height: 143.5px; } }

.zm { display: inline-block; background: url(../images/ff_dt_sprt_1.0.png) no-repeat; /*@media (max-width:767px){
	background-size: $ff_detail_resize60;
}*/ }
.zm.zm-48 { background-position: -763px -564px; width: 48px; height: 33px; /*@media (max-width:767px){
	background-position: -457.8px -338.4px;
	width: 28.8px;
	height: 19.8px;
}*/ }
.zm.zm-26 { background-position: -816px -564px; width: 26px; height: 19px; }
.zm.zm-22 { position: relative; top: 3px; background-position: -846px -564px; width: 22px; height: 16px; }

.dhc-box { position: relative; width: 830px; margin: 0 auto; padding: 120px 0 0; }
@media (max-width: 992px) { .dhc-box { width: 690px; padding-top: 60px; } }
.dhc-box .block .lbox { float: left; width: 330px; }
@media (max-width: 992px) { .dhc-box .block .lbox { width: 240px; } }
.dhc-box .block .lbox .point { background: url(../images/ff_dhc_sprt.png) no-repeat; background-position: 0 0; width: 330px; height: 457px; padding: 335px 0 0; text-align: center; }
@media (max-width: 992px) { .dhc-box .block .lbox .point { background-size: 477.4px; width: 231px; height: 319.9px; padding-top: 238px; } }
.dhc-box .block .lbox .point h2 { color: #7e4a30; font-size: 15px; text-transform: uppercase; }
.dhc-box .block .lbox .point .p-row { display: inline-block; margin-top: 5px; margin-left: 10px; }
.dhc-box .block .lbox .point .p-row .num { float: left; color: #d22a2a; font-size: 65px; font-weight: bold; }
@media (max-width: 992px) { .dhc-box .block .lbox .point .p-row .num { font-size: 40px; } }
.dhc-box .block .lbox .point .p-row .unit { float: left; background: url(../images/ff_dhc_sprt.png) no-repeat; background-position: -626px 0; width: 56px; height: 62px; margin: 5px 0 0 5px; }
@media (max-width: 992px) { .dhc-box .block .lbox .point .p-row .unit { background-size: 477.4px; background-position: -438.2px 0; width: 39.2px; height: 43.4px; margin-top: 0; } }
.dhc-box .block .lbox .btns { display: inline-block; margin: 2px 0 0 27px; }
@media (max-width: 992px) { .dhc-box .block .lbox .btns { margin-left: 19px; } }
.dhc-box .block .lbox .btns li { margin-bottom: 8px; }
.dhc-box .block .lbox .btns li a { display: block; background: url(../images/ff_dhc_sprt.png) no-repeat; width: 290px; height: 58px; text-indent: -9999px; }
@media (max-width: 992px) { .dhc-box .block .lbox .btns li a { background-size: 477.4px; width: 203px; height: 40.6px; } }
.dhc-box .block .lbox .btns li.p-info a { background-position: -359px -169px; }
@media (max-width: 992px) { .dhc-box .block .lbox .btns li.p-info a { background-position: -251.3px -118.3px; } }
.dhc-box .block .lbox .btns li.p-info a:hover { background-position: -359px -300px; }
@media (max-width: 992px) { .dhc-box .block .lbox .btns li.p-info a:hover { background-position: -251.3px -118.3px; } }
.dhc-box .block .lbox .btns li.ranking a { background-position: -360px -235px; }
@media (max-width: 992px) { .dhc-box .block .lbox .btns li.ranking a { background-position: -252px -164.5px; } }
.dhc-box .block .lbox .btns li.ranking a:hover { background-position: -360px -366px; }
@media (max-width: 992px) { .dhc-box .block .lbox .btns li.ranking a:hover { background-position: -252px -164.5px; } }
.dhc-box .block .rbox { margin-left: 380px; text-align: center; }
@media (max-width: 992px) { .dhc-box .block .rbox { margin-left: 260px; } }
.dhc-box .block .rbox .your-info { position: relative; top: -30px; text-align: center; }
.dhc-box .block .rbox .your-info a { display: inline-block; background: url(../images/ff_dhc_sprt.png) no-repeat; background-position: -359px -169px; width: 290px; height: 58px; text-indent: -9999px; }
@media (max-width: 992px) { .dhc-box .block .rbox .your-info a { background-size: 477.4px; background-position: -251.3px -118.3px; width: 203px; height: 40.6px; } }
.dhc-box .block .rbox .your-info a:hover { background-position: -359px -300px; }
@media (max-width: 992px) { .dhc-box .block .rbox .your-info a:hover { background-position: -251.3px -118.3px; } }
.dhc-box .block .rbox .dhc-title { float: left; width: 100%; margin-bottom: 20px; }
.dhc-box .block .rbox .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; }
.dhc-box .block .rbox .dhc-title span:before, .dhc-box .block .rbox .dhc-title span:after { content: ""; position: absolute; top: 1px; background: url(../images/ff_dhc_sprt.png) no-repeat; float: left; width: 26px; height: 28px; }
.dhc-box .block .rbox .dhc-title span:before { left: -28px; background-position: -358px -113px; }
.dhc-box .block .rbox .dhc-title span:after { right: -27px; background-position: -399px -113px; }
.dhc-box .block .rbox .box1 { float: left; width: 100%; margin-bottom: 55px; }
.dhc-box .block .rbox .box1 .list li .ibox { background-position: -358px 0; }
.dhc-box .block .rbox .box1 .list li .point { margin-top: -7px; }
.dhc-box .block .rbox .box1 .list li .item { display: inline-block; background: url(../images/ff_dhc_sprt.png) no-repeat; }
.dhc-box .block .rbox .box1 .list li .item.item1 { background-position: -440px -114px; width: 75px; height: 27px; margin: 24px 0 3px -6px; }
.dhc-box .block .rbox .box1 .list li .item.item2 { background-position: -524px -114px; width: 44px; height: 42px; margin: 12px 0 0 -6px; }
.dhc-box .block .rbox .box1 .list li .item.item3 { background-position: -574px -114px; width: 43px; height: 41px; margin: 12px 0 0 -6px; }
.dhc-box .block .rbox .box1 .list li .action-btn { background: #d22a2a; }
.dhc-box .block .rbox .box1 .list li .action-btn:hover { background: #e72e2e; }
.dhc-box .block .rbox .box2 { float: left; width: 100%; }
.dhc-box .block .rbox .box2 .list li { margin-bottom: 25px; }
.dhc-box .block .rbox .box2 .list li .ibox { background-position: -489px 0; }
.dhc-box .block .rbox .box2 .list li .point { margin-top: -3px; }
.dhc-box .block .rbox .box2 .list li .top { line-height: 15px; padding-top: 21px; margin-left: -16px; color: #884e31; font-size: 11px; font-weight: bold; text-transform: uppercase; -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
.dhc-box .block .rbox .box2 .list li .top .txt2 { font-size: 21px; }
.dhc-box .block .rbox .box2 .list li .top .txt3 { font-size: 16px; }
.dhc-box .block .rbox .box2 .list li .top.s1 { line-height: 14px; padding: 20px 0 4px; }
.dhc-box .block .rbox .box2 .list li .action-btn { background: #319fd9; }
.dhc-box .block .rbox .box2 .list li .action-btn:hover { background: #35aceb; }
.dhc-box .block .rbox .list { float: left; margin-right: -35px; }
.dhc-box .block .rbox .list li { float: left; margin: 0 35px 0 0; text-align: center; }
.dhc-box .block .rbox .list li .ibox { background: url(../images/ff_dhc_sprt.png) no-repeat; width: 120px; height: 100px; }
.dhc-box .block .rbox .list li .point { display: inline-block; }
.dhc-box .block .rbox .list li .point .num { float: left; margin: 8px 4px 0 0; color: #fff4c1; font-size: 18px; font-weight: bold; -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
.dhc-box .block .rbox .list li .point .unit { background: url(../images/ff_dhc_sprt.png) no-repeat; background-position: -626px -70px; float: left; width: 32px; height: 37px; }
.dhc-box .block .rbox .list li .action-btn { display: inline-block; width: 74px; height: 27px; line-height: 27px; margin-left: -3px; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 0.8px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); }
.dhc-box .note { margin: 20px 0 0 27px; color: #fff; font-size: 15px; font-style: italic; text-align: center; }
.dhc-box .note .lb { text-transform: uppercase; }

.topdhc { position: relative; z-index: 2; padding: 45px 0 25px; }
.topdhc:before, .topdhc:after { content: ""; position: absolute; background: url(../images/ff_topdhc_sprt.png) no-repeat; }
.topdhc:before { bottom: 24px; left: -62px; background-position: -580px 0; width: 85px; height: 155px; }
.topdhc:after { bottom: 125px; right: -62px; background-position: -492px 0; width: 72px; height: 78px; }
.topdhc .point { background: url(../images/ff_topdhc_sprt.png) no-repeat; background-position: 0 -82px; width: 570px; height: 248px; margin: 0 0 0 72px; padding: 103px 70px 0 0; text-align: center; }
@media (max-width: 992px) { .topdhc .point { background-size: 734.3px; background-position: 0 -57.4px; width: 399px; height: 173.6px; margin-left: 42px; padding: 75px 55px 0 0; } }
.topdhc .point h2 { color: #7e4a30; font-size: 15px; text-transform: uppercase; }
@media (max-width: 992px) { .topdhc .point h2 { font-size: 12px; } }
.topdhc .point .p-row { display: inline-block; margin-top: 5px; margin-left: 10px; }
.topdhc .point .p-row .num { float: left; color: #d22a2a; font-size: 65px; font-weight: bold; }
@media (max-width: 992px) { .topdhc .point .p-row .num { font-size: 40px; } }
.topdhc .point .p-row .unit { float: left; background: url(../images/ff_topdhc_sprt.png) no-repeat; background-position: -384px 0; width: 56px; height: 62px; margin: 5px 0 0 5px; }
@media (max-width: 992px) { .topdhc .point .p-row .unit { background-size: 734.3px; background-position: -268.8px 0; width: 39.2px; height: 43.4px; margin-top: 0; } }
.topdhc .tabs-block { margin-top: 30px; }
@media (max-width: 992px) { .topdhc .tabs-block .tab-menu-row .mline { display: none; }
  .topdhc .tabs-block .tab-menu-row .tab-menu { padding: 0; }
  .topdhc .tabs-block .tab-menu-row .tab-menu li { min-width: 85px; }
  .topdhc .tabs-block .tab-menu-row .tab-menu li a { font-size: 12px; } }
.topdhc .ranking { position: relative; padding: 0 20px 20px; border: 2px solid #d22a2a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.topdhc .ranking:after { content: ""; position: absolute; top: 40px; right: 17px; background: url(../images/ff_topdhc_sprt.png) no-repeat; background-position: -450px -16px; float: left; width: 35px; height: 38px; }
.topdhc .ranking table { width: 100%; letter-spacing: 0.8px; }
.topdhc .ranking table tr th { padding: 15px 0 20px; color: #d22a2a; font-size: 16px; text-transform: uppercase; font-weight: bold; }
@media (max-width: 992px) { .topdhc .ranking table tr th { font-size: 12px; } }
.topdhc .ranking table tr th.title1 { width: 100px; text-align: center; }
@media (max-width: 992px) { .topdhc .ranking table tr th.title1 { width: 50px; } }
.topdhc .ranking table tr th.title2 { padding-left: 30px; }
.topdhc .ranking table tr th.title3 { width: 160px; }
@media (max-width: 992px) { .topdhc .ranking table tr th.title3 { width: 120px; } }
.topdhc .ranking table tr td { padding: 5px 0; text-align: center; border-bottom: 2px dotted #f0e6cc; }
.topdhc .ranking table tr td .num { display: inline-block; background: #9f9f9f; width: 22px; height: 22px; line-height: 20px; color: #fff; font-size: 13px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.topdhc .ranking table tr td .num.num1 { background: #ff8737; padding-right: 1px; }
.topdhc .ranking table tr td .num.num2 { background: #a72be0; }
.topdhc .ranking table tr td .num.num3 { background: #1caee8; }
.topdhc .ranking table tr td .name { padding-left: 30px; color: #6d6d6b; font-size: 13px; text-align: left; }
.topdhc .ranking table tr td .r-point { padding-right: 50px; color: #e62226; font-size: 13px; }
.topdhc .regulation { padding: 20px 16px; border: 2px solid #d22a2a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.topdhc .regulation .txt-block { margin-bottom: 25px; padding-left: 43px; }
.topdhc .regulation .txt-block h2 { position: relative; margin-bottom: 10px; color: #d22a2a; font-size: 15px; }
.topdhc .regulation .txt-block h2:before { content: ""; position: absolute; background: url(../images/ff_topdhc_sprt.png) no-repeat; }
.topdhc .regulation .txt-block h2.ico1:before { top: -10px; left: -38px; background-position: -674px 0; width: 34px; height: 36px; }
.topdhc .regulation .txt-block h2.ico2:before { top: -6px; left: -42px; background-position: -718px 0; width: 38px; height: 32px; }
.topdhc .regulation .txt-block h2.ico3:before { top: -9px; left: -40px; background-position: -765px 0; width: 36px; height: 30px; }
.topdhc .regulation .txt-block .txt { line-height: 17px; color: #6d6d6b; font-size: 13px; }
.topdhc .regulation .txt-block .txt ul { margin: 10px 0 0 20px; }
.topdhc .regulation .txt-block .txt ul li { list-style-type: circle; margin-bottom: 5px; }
.topdhc .awards { padding: 15px 0 0; text-align: center; }
@media (max-width: 992px) { .topdhc .awards { padding: 0; } }
.topdhc .awards ul { display: inline-block; }
.topdhc .awards ul li { display: block; background: url(../images/ff_topdhc_sprt.png) no-repeat; float: left; }
@media (max-width: 992px) { .topdhc .awards ul li { background-size: 734.3px; } }
.topdhc .awards ul li.ico1 { background-position: -879px 0; width: 171px; height: 175px; margin: 29px 0 0; }
@media (max-width: 992px) { .topdhc .awards ul li.ico1 { background-position: -615.3px 0; width: 119.7px; height: 122.5px; } }
.topdhc .awards ul li.ico2 { background-position: -674px -42px; width: 190px; height: 204px; margin: 0 22px; }
@media (max-width: 992px) { .topdhc .awards ul li.ico2 { background-position: -471.8px -29.4px; width: 133px; height: 144px; margin: 0 10px; } }
.topdhc .awards ul li.ico3 { background-position: -879px -190px; width: 170px; height: 159px; margin: 45px 0 0; }
@media (max-width: 992px) { .topdhc .awards ul li.ico3 { background-position: -615.3px -133px; width: 119px; height: 111.3px; } }
.topdhc .awards .txt { padding-top: 20px; color: #e12101; font-size: 25px; text-transform: uppercase; font-style: italic; }
@media (max-width: 992px) { .topdhc .awards .txt { font-size: 20px; } }

.luckycode { padding-bottom: 185px; }
@media (max-width: 992px) { .luckycode { padding-bottom: 135px; } }
.luckycode:before, .luckycode:after { background: url(../images/ff_luckycode_sprt_1.0.png) no-repeat; }
.luckycode:before { background-position: -579px 0; width: 70px; height: 112px; bottom: 140px; left: -47px; }
.luckycode:after { background-position: -579px -128px; width: 77px; height: 79px; right: -65px; top: 230px; }
.luckycode .decorate { position: absolute; background: url(../images/ff_luckycode_sprt_1.0.png) no-repeat; float: left; }
.luckycode .decorate.foot { left: 60px; bottom: -3px; background-position: 0 -294px; width: 579px; height: 183px; }
@media (max-width: 992px) { .luckycode .decorate.foot { left: 24px; background-size: 459.2px; background-position: 0 -205.8px; width: 405.3px; height: 128.1px; } }
.luckycode .decorate.item1 { top: 75px; left: 25px; background-position: 0 -58px; width: 183px; height: 210px; }
@media (max-width: 992px) { .luckycode .decorate.item1 { display: none; } }
.luckycode .decorate.zx1, .luckycode .decorate.zx2, .luckycode .decorate.zx3 { background-position: -368px 0; width: 30px; height: 58px; }
.luckycode .decorate.zx1 { top: 20px; left: 35px; }
.luckycode .decorate.zx2 { top: 70px; left: 215px; }
@media (max-width: 992px) { .luckycode .decorate.zx2 { display: none; } }
.luckycode .decorate.zx3 { top: 30px; right: 220px; }
.luckycode .btn-row { margin: 45px 62px 0 0; }
@media (max-width: 992px) { .luckycode .btn-row { margin-right: 110px; } }
.luckycode .add-lc-btn { background: url(../images/ff_luckycode_sprt_1.0.png) no-repeat; background-position: -202px -69px; float: right; width: 343px; height: 99px; text-indent: -9999px; }
@media (max-width: 992px) { .luckycode .add-lc-btn { background-size: 459.2px; background-position: -141.4px -48.3px; width: 240.1px; height: 69.3px; } }
.luckycode .add-lc-btn:hover { background-position: -202px -180px; }
@media (max-width: 992px) { .luckycode .add-lc-btn:hover { background-position: -141.4px -48.3px; } }
.luckycode .tabs-block { min-height: 300px; padding: 0 25px; }
.luckycode .tabs-block .tab-menu-row { float: left; margin: 78px 0 0; }
@media (max-width: 992px) { .luckycode .tabs-block .tab-menu-row { float: none; height: auto; margin: 0; } }
.luckycode .tabs-block .tab-menu-row .tab-menu { float: none; width: 158px; }
@media (max-width: 992px) { .luckycode .tabs-block .tab-menu-row .tab-menu { width: 100%; } }
.luckycode .tabs-block .tab-menu-row .tab-menu li { float: none; margin-bottom: 10px; }
@media (max-width: 992px) { .luckycode .tabs-block .tab-menu-row .tab-menu li { float: left; min-width: inherit; } }
.luckycode .tabs-block .tab-menu-row .tab-menu li a { margin: 0 -7px; }
@media (max-width: 992px) { .luckycode .tabs-block .tab-menu-row .tab-menu li a { padding: 0 5px; font-size: 11px; } }
.luckycode .tabs-block .tab-content { margin: 0 0 0 193px; }
@media (max-width: 992px) { .luckycode .tabs-block .tab-content { margin: 0; } }
.luckycode .ranking { margin-top: 25px; }
.luckycode .ranking .top-txt { position: relative; top: -30px; left: -15px; line-height: 18px; color: #6d6d6b; font-size: 13px; }
.luckycode .ranking .timing { margin: -39px 0 20px 6px; }
.luckycode .ranking .timing a { float: left; height: 30px; line-height: 27px; padding: 0 15px; margin-right: 25px; color: #898989; font-weight: bold; text-transform: uppercase; border: 1px solid #898989; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 992px) { .luckycode .ranking .timing a { margin-right: 16px; } }
.luckycode .ranking .timing a:last-child { margin-right: 0; }
.luckycode .ranking .timing a.active { color: #d22a2a; border-color: #d22a2a; }
.luckycode .ranking:after { display: none; }
.luckycode .ranking table tr th.title1 { width: 70px; }
.luckycode .ranking table tr th.title3 { width: auto; padding-left: 25px; }
.luckycode .ranking table tr td .r-point { line-height: 18px; padding: 0 25px; text-align: left; }
.luckycode .ranking .page-list { margin: 20px 0 0; text-align: center; }
.luckycode .award { position: relative; padding: 20px; border: 1px solid #d22a2a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.luckycode .award .line { position: absolute; width: 20px; height: 20px; border: 2px solid #d22a2a; }
.luckycode .award .line.left { top: 10px; left: 10px; border-right: 0; border-bottom: 0; }
.luckycode .award .line.right { top: 10px; right: 10px; border-left: 0; border-bottom: 0; }
.luckycode .award .line.bleft { bottom: 10px; left: 10px; border-right: 0; border-top: 0; }
.luckycode .award .line.bright { bottom: 10px; right: 10px; border-right: 0; border-top: 0; }
.luckycode .award ul { margin-top: 15px; }
.luckycode .award ul li { background: url(../images/ff_luckycode_sprt_1.0.png) no-repeat; float: left; }
@media (max-width: 992px) { .luckycode .award ul li { background-size: 459.2px; } }
.luckycode .award ul li.item1 { background-position: 0 -509px; width: 263px; height: 223px; margin: 0 29px 50px 66px; }
@media (max-width: 992px) { .luckycode .award ul li.item1 { background-position: 0 -356.3px; width: 184.1px; height: 156.1px; margin-left: 88px; margin-bottom: 40px; } }
.luckycode .award ul li.item2 { background-position: -279px -509px; width: 168px; height: 156px; margin-left: 24px; margin-bottom: 30px; }
@media (max-width: 992px) { .luckycode .award ul li.item2 { background-position: -195.3px -356.3px; width: 117.6px; height: 109.2px; margin-left: 60px; } }
.luckycode .award ul li.item3 { background-position: -459px -509px; width: 169px; height: 129px; margin: 22px 0 0 18px; }
@media (max-width: 992px) { .luckycode .award ul li.item3 { background-position: -321.3px -356.3px; width: 118.3px; height: 90.3px; margin-left: 15px; } }
.luckycode .award ul li.item4 { background-position: -279px -680px; width: 169px; height: 128px; clear: both; margin: 24px 15px 0 25px; }
@media (max-width: 992px) { .luckycode .award ul li.item4 { background-position: -195.3px -476px; width: 118.3px; height: 89.6px; margin-left: 60px; } }
.luckycode .award ul li.item5 { background-position: -459px -680px; width: 165px; height: 150px; margin-top: -0; }
@media (max-width: 992px) { .luckycode .award ul li.item5 { background-position: -321.3px -476px; width: 115.5px; height: 105px; } }
.luckycode .award .note { margin: 25px 0 10px; color: #6d6d6b; font-size: 13px; text-align: center; }
.luckycode .decor { position: relative; }
.luckycode .decor:before, .luckycode .decor:after { display: block !important; content: ""; position: absolute; background: url(../images/ff_luckycode_sprt_1.0.png) no-repeat; float: left; }
.luckycode .decor:before { left: -19px; top: 110px; background-position: -368px 0; width: 29px; height: 58px; }
.luckycode .decor:after { right: -30px; bottom: 45px; top: auto; background-position: -403px 0; width: 50px; height: 65px; }

.dial-wrap { width: 697px !important; padding: 40px 51px 135px !important; }
@media (max-width: 992px) { .dial-wrap { padding-bottom: 95px !important; } }
.dial-wrap .bn-list { top: 187px !important; }
.dial-wrap .bn-list.left { left: -210px; }
.dial-wrap .bn-list.right { right: -218px; }

.dialing { position: relative; background: url(../images/ff_dialing_bg.png) no-repeat; width: 547px; height: 852px; margin: 0 auto; }
.dialing .info-dhc { position: absolute; top: 340px; left: 40px; float: left; width: 454px; text-align: center; }
.dialing .info-dhc ul { display: inline-block; }
.dialing .info-dhc ul li { position: relative; background: #c37212; float: left; min-width: 110px; height: 38px; line-height: 34px; padding: 0 27px 0 12px; color: #fff; font-size: 22px; font-weight: bold; text-align: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 2px 2px 5px #6d0e08; -moz-box-shadow: inset 2px 2px 5px #6d0e08; -webkit-box-shadow: inset 2px 2px 5px #6d0e08; text-shadow: 2px 0 #995701, -2px 0 #995701, 0 2px #995701, 0 -2px #995701; }
.dialing .info-dhc ul li .dhc-ico, .dialing .info-dhc ul li .add-btn { content: ""; position: absolute; background: url(../images/ff_dial_sprt_1.0.png) no-repeat; float: left; }
.dialing .info-dhc ul li.dhc { margin-right: 37px; }
.dialing .info-dhc ul li.dhc .dhc-ico { top: -8px; right: -26px; background-position: -263px -57px; width: 52px; height: 55px; }
.dialing .info-dhc ul li.num-dial { margin-right: 33px; }
.dialing .info-dhc ul li.num-dial .add-btn { top: -2px; right: -33px; background-position: 0 0; width: 53px; height: 45px; cursor: pointer; }
.dialing .info-dhc ul li.num-dial .add-btn:hover { background-position: -156px -432px; }
.dialing .info-dhc ul li.num-dial span { position: relative; top: -2px; font-size: 14px; text-transform: uppercase; text-shadow: none; }
.dialing .award-box { position: absolute; top: 470px; left: 83px; float: left; width: 264px; height: 249px; }
.dialing .award-box:before { content: ""; position: absolute; top: 0; left: 0; background: url(../images/ff_dial_sprt_1.0.png) no-repeat; background-position: 0 -166px; float: left; width: 264px; height: 249px; }
.dialing .award-box .award-list { width: 156px; height: 180px; margin: 34px 0 0 52px; overflow: hidden; }
.dialing .award-box ul { margin: -106px 0 0 15px; }
.dialing .light1 { position: absolute; top: 424px; left: -29px; }
.dialing .light2 { position: absolute; top: 774px; right: 105px; }
.dialing .dial-btn { position: absolute; top: 474px; right: 91px; }
.dialing .dial-btn .d-btn { position: absolute; top: -22px; left: -7px; float: left; }
.dialing .dial-btn .d-btn a { background: url(../images/ff_dial_sprt_1.0.png) no-repeat; background-position: 0 -57px; float: left; width: 100px; height: 100px; }
.dialing .dial-btn .d-btn a:before { content: ""; position: absolute; top: 15px; left: 17px; background: url(../images/ff_dial_sprt_1.0.png) no-repeat; background-position: -263px -166px; float: left; width: 68px; height: 68px; animation: rotate3 1.2s cubic-bezier(0.5, 0.43, 0.6, 0.66) 0s infinite; -moz-animation: rotate3 1.2s cubic-bezier(0.5, 0.43, 0.6, 0.66) 0s infinite; -webkit-animation: rotate3 1.2s cubic-bezier(0.5, 0.43, 0.6, 0.66) 0s infinite; }
.dialing .dial-btn.active .d-btn { left: -94px; }
.dialing .dial-btn.active .d-btn a { animation: fadeInDown2 .4s ease 0s both; -moz-animation: fadeInDown2 .4s ease 0s both; -webkit-animation: fadeInDown2 .4s ease 0s both; }
.dialing .dial-btn.active .d-btn a:before { animation: none; -moz-animation: none; -webkit-animation: none; }
.dialing .dial-btn.active .light3 { display: none; }
.dialing .auto-dial { position: absolute; top: 721px; right: 87px; float: left; }
.dialing .auto-dial a { background: url(../images/ff_dial_sprt_1.0.png) no-repeat; background-position: -104px -57px; float: left; width: 148px; height: 52px; }
.dialing .auto-dial a:hover { background-position: 0 -433px; }

.dial-result1 { position: relative; background: url(../images/ff_dial_result_a.png) no-repeat; background-position: 0 0; width: 503px; height: 680px; margin: 0 auto; padding: 327px 30px 0; }
.dial-result1 .close-btn { position: absolute; top: 226px; right: 10px; background: url(../images/ff_dial_result_a.png) no-repeat; background-position: -407px -698px; float: left; width: 53px; height: 53px; text-indent: -9999px; }
.dial-result1 .close-btn:hover { background-position: -407px -757px; }
.dial-result1 .result { text-align: center; }
.dial-result1 .btns { padding: 22px 0 0 29px; }
.dial-result1 .btns a { background: url(../images/ff_dial_result_a.png) no-repeat; float: left; width: 186px; height: 70px; text-indent: -9999px; margin: 0 3px; }
.dial-result1 .btns .dial-again { background-position: 0 -687px; }
.dial-result1 .btns .dial-again:hover { background-position: 0 -770px; }
.dial-result1 .btns .share { background-position: -198px -687px; }
.dial-result1 .btns .share:hover { background-position: -198px -770px; }

.dial-result2 { position: relative; background: url(../images/ff_dial_result_b.png) no-repeat; background-position: 0 0; width: 503px; height: 405px; margin: 0 auto; padding: 157px 30px 0; }
.dial-result2 .close-btn { position: absolute; top: 139px; right: 13px; background: url(../images/ff_dial_result_b.png) no-repeat; background-position: 0 -417px; float: left; width: 53px; height: 53px; text-indent: -9999px; }
.dial-result2 .close-btn:hover { background-position: 0 -482px; }
.dial-result2 .txt-box { line-height: 20px; padding: 53px 0 0; color: #9c4d0c; font-size: 19px; text-align: center; font-weight: bold; }
.dial-result2 .btns { padding: 22px 0 0 29px; margin-top: 24px; }
.dial-result2 .btns a { background: url(../images/ff_dial_result_b.png) no-repeat; float: left; width: 188px; height: 74px; text-indent: -9999px; margin: 0 3px; }
.dial-result2 .btns .dial-again { background-position: -78px -417px; }
.dial-result2 .btns .dial-again:hover { background-position: -78px -503px; }
.dial-result2 .btns .share { background-position: -281px -417px; }
.dial-result2 .btns .share:hover { background-position: -281px -503px; }

.dial-buymore { position: relative; background: url(../images/ff_dial_buymore.png) no-repeat; background-position: 0 0; width: 503px; height: 625px; margin: 0 auto; padding: 157px 30px 0; }
.dial-buymore .close-btn { position: absolute; top: 219px; right: 13px; background: url(../images/ff_dial_buymore.png) no-repeat; background-position: 0 -634px; float: left; width: 53px; height: 53px; text-indent: -9999px; }
.dial-buymore .close-btn:hover { background-position: 0 -698px; }
.dial-buymore .btns { padding: 0 0 0 29px; margin-top: 7px; }
.dial-buymore .btns a { background: url(../images/ff_dial_buymore.png) no-repeat; float: left; width: 188px; height: 75px; text-indent: -9999px; margin: 0 3px; }
.dial-buymore .btns .buymore { background-position: -68px -634px; }
.dial-buymore .btns .buymore:hover { background-position: -68px -715px; }
.dial-buymore .btns .cancel { background-position: -259px -634px; }
.dial-buymore .btns .cancel:hover { background-position: -259px -715px; }
.dial-buymore .ct-box { height: 225px; margin-top: 130px; }
.dial-buymore .ct-box .info-dhc { width: 442px; padding-top: 32px; min-height: 85px; text-align: center; }
.dial-buymore .ct-box .info-dhc ul { display: inline-block; }
.dial-buymore .ct-box .info-dhc ul li { position: relative; background: #c37212; float: left; height: 38px; line-height: 34px; color: #fff; font-size: 22px; font-weight: bold; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 2px 2px 5px #6d0e08; -moz-box-shadow: inset 2px 2px 5px #6d0e08; -webkit-box-shadow: inset 2px 2px 5px #6d0e08; text-shadow: 2px 0 #995701, -2px 0 #995701, 0 2px #995701, 0 -2px #995701; }
.dial-buymore .ct-box .info-dhc ul li .dhc-ico, .dial-buymore .ct-box .info-dhc ul li .add-btn { content: ""; position: absolute; background: url(../images/ff_dial_buymore.png) no-repeat; float: left; }
.dial-buymore .ct-box .info-dhc ul li.dhc { margin-right: 37px; padding: 0 33px 0 12px; min-width: 150px; }
.dial-buymore .ct-box .info-dhc ul li.dhc .dhc-ico { top: -8px; right: -26px; background-position: -455px -634px; width: 52px; height: 55px; }
.dial-buymore .ct-box .info-dhc ul li.num-dial { min-width: 164px; }
.dial-buymore .ct-box .info-dhc ul li.num-dial span { position: relative; top: -1px; left: 1px; font-size: 18px; text-transform: uppercase; text-shadow: none; }
.dial-buymore .ct-box .choose { width: 442px; padding-top: 22px; text-align: center; }
.dial-buymore .ct-box .choose .txt { color: #9c4d0c; font-size: 19px; font-weight: bold; }
.dial-buymore .ct-box .choose > ul { display: inline-block; margin-top: 14px; }
.dial-buymore .ct-box .choose > ul > li { position: relative; background: #e79d46; float: left; height: 38px; line-height: 36px; color: #fff; font-size: 22px; font-weight: bold; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 2px 2px 5px #8e1f19; -moz-box-shadow: inset 2px 2px 5px #8e1f19; -webkit-box-shadow: inset 2px 2px 5px #8e1f19; text-shadow: 2px 0 #995701, -2px 0 #995701, 0 2px #995701, 0 -2px #995701; }
.dial-buymore .ct-box .choose > ul > li .dhc-ico, .dial-buymore .ct-box .choose > ul > li .add-btn { content: ""; position: absolute; background: url(../images/ff_dial_buymore.png) no-repeat; float: left; }
.dial-buymore .ct-box .choose > ul > li.dhc { padding: 0 33px 0 12px; min-width: 100px; margin-right: 20px; }
.dial-buymore .ct-box .choose > ul > li.dhc .dhc-ico { top: -8px; right: -26px; background-position: -455px -634px; width: 52px; height: 55px; }
.dial-buymore .ct-box .choose > ul > li.choose-sl { margin-right: 24px; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector { min-width: 115px; height: 38px; line-height: 36px; text-align: left; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector .select-click { border: 0; color: inherit; font-size: 21px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector .select-click:after { content: ""; background: #965203; height: 38px; width: 48px; padding: 2px 0 0; box-shadow: inset 1px 2px 5px #751a15; -moz-box-shadow: inset 1px 2px 5px #751a15; -webkit-box-shadow: inset 1px 2px 5px #751a15; color: #fff; font-size: 35px; font-weight: bold; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector .select-click:before { content: ""; position: absolute; top: 12px; right: 10px; z-index: 2; background: url(../images/ff_dial_buymore.png) no-repeat; background-position: -519px -636px; float: left; width: 26px; height: 17px; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector .select-option { top: 38px; background: #e79d46; width: 100%; border: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector .select-option li { height: 36px; padding: 0 10px 0 16px; border-bottom: 1px solid #d69140; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector .select-option li:last-child { border-bottom: 0; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector .select-option li a { display: block; color: #fff; font-size: 18px; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector:hover .select-option { display: none; }
.dial-buymore .ct-box .choose > ul > li.choose-sl .uiselector.open .select-option { display: block; }

.dial-auto { position: relative; background: url(../images/ff_dial_auto.png) no-repeat; background-position: 0 0; width: 503px; height: 450px; margin: 0 auto; padding: 67px 30px 0; }
.dial-auto .close-btn { position: absolute; top: 140px; right: 18px; background: url(../images/ff_dial_buymore.png) no-repeat; background-position: 0 -634px; float: left; width: 53px; height: 53px; text-indent: -9999px; }
.dial-auto .close-btn:hover { background-position: 0 -698px; }
.dial-auto .btns { padding: 18px 0 0 29px; margin-top: 7px; }
.dial-auto .btns a { background: url(../images/ff_dial_buymore.png) no-repeat; float: left; width: 188px; height: 75px; text-indent: -9999px; margin: 0 3px; }
.dial-auto .btns .buymore { background-position: -68px -634px; }
.dial-auto .btns .buymore:hover { background-position: -68px -715px; }
.dial-auto .btns .cancel { background-position: -259px -634px; }
.dial-auto .btns .cancel:hover { background-position: -259px -715px; }
.dial-auto .ct-box { margin-top: 130px; min-height: 120px; }
.dial-auto .ct-box .info-dhc { width: 430px; padding-top: 34px; text-align: center; }
.dial-auto .ct-box .info-dhc h2 { margin-bottom: 12px; color: #9c4d0c; font-size: 19px; }
.dial-auto .ct-box .info-dhc ul { display: inline-block; width: 356px; }
.dial-auto .ct-box .info-dhc ul li { position: relative; background: #c37212; float: left; width: 167px; height: 40px; line-height: 36px; color: #fff; font-size: 21px; font-weight: bold; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 2px 2px 5px #6d0e08; -moz-box-shadow: inset 2px 2px 5px #6d0e08; -webkit-box-shadow: inset 2px 2px 5px #6d0e08; text-shadow: 2px 0 #995701, -2px 0 #995701, 0 2px #995701, 0 -2px #995701; }
.dial-auto .ct-box .info-dhc ul li.dhc { margin-right: 22px; padding: 0 33px 0 12px; min-width: 150px; text-align: left; overflow: hidden; }
.dial-auto .ct-box .info-dhc ul li.dhc .arrows { position: absolute; top: 0; right: 0; background: #965203; float: left; width: 42px; height: 100%; box-shadow: inset 1px 2px 5px #751a15; -moz-box-shadow: inset 1px 2px 5px #751a15; -webkit-box-shadow: inset 1px 2px 5px #751a15; }
.dial-auto .ct-box .info-dhc ul li.dhc .arrows a { background: url(../images/ff_dial_auto.png) no-repeat; float: left; width: 100%; height: 20px; }
.dial-auto .ct-box .info-dhc ul li.dhc .arrows a.up { background-position: 0 -457px; }
.dial-auto .ct-box .info-dhc ul li.dhc .arrows a.down { background-position: 0 -477px; }
.dial-auto .ct-box .info-dhc ul li.num-dial { min-width: 164px; }
.dial-auto .ct-box .info-dhc ul li.num-dial span { position: relative; top: 0; left: 1px; font-size: 18px; text-transform: uppercase; text-shadow: none; }

.megift { position: relative; z-index: 3; padding: 0 0 235px; }
@media (max-width: 992px) { .megift { padding: 0 0 179px; } }
.megift:before, .megift:after { content: ""; position: absolute; z-index: 5; background: url(../images/ff_megift.png) no-repeat; float: left; }
.megift:before { left: -70px; bottom: 240px; background-position: 0 -289px; width: 102px; height: 248px; }
.megift:after { right: -60px; top: 145px; background-position: -563px -130px; width: 82px; height: 82px; }
.megift .get-btn { position: absolute; bottom: -11px; left: 50%; z-index: 2; background: url(../images/ff_megift.png) no-repeat; background-position: -659px -182px; float: left; width: 109px; height: 45px; margin-left: -54px; }
@media (max-width: 992px) { .megift .get-btn { background-size: 463.2px; background-position: -395.4px -109.2px; width: 68px; height: 27px; margin-left: -34px; } }
.megift .get-btn span { position: absolute; top: 0; left: 0; background: url(../images/ff_megift.png) no-repeat; background-position: -659px -129px; float: left; width: 100%; height: 100%; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; }
@media (max-width: 992px) { .megift .get-btn span { background-size: 463.2px; background-position: -395.4px -109.2px; } }
.megift .top-list { margin: 60px 0 0 16px; }
.megift .top-list li { float: left; }
@media (max-width: 992px) { .megift .top-list li { margin: 0 6px; } }
.megift .top-list li a { position: relative; background: url(../images/ff_megift.png) no-repeat; background-position: -343px -289px; float: left; width: 220px; height: 220px; }
@media (max-width: 992px) { .megift .top-list li a { background-size: 463.2px; background-position: -205.8px -173.4px; width: 132px; height: 132px; } }
@media (max-width: 992px) { .megift .top-list li a:hover .bg, .megift .top-list li a:hover .get-btn span { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; } }
.megift .top-list li a .bg { position: absolute; top: 0; left: 0; background: url(../images/ff_megift.png) no-repeat; background-position: -128px -289px; float: left; width: 220px; height: 220px; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; }
.megift .top-list li a .item { position: absolute; z-index: 2; background: url(../images/ff_megift.png) no-repeat; float: left; height: 115px; }
@media (max-width: 992px) { .megift .top-list li a .item { background-size: 463.2px; height: 69px; } }
.megift .top-list li a .item.item1 { top: 57px; left: 39px; background-position: -274px 0; width: 133px; }
@media (max-width: 992px) { .megift .top-list li a .item.item1 { top: 37px; left: 24px; background-position: -164.4px 0; width: 79.8px; } }
.megift .top-list li a .item.item2 { top: 64px; left: 42px; background-position: -422px 0; width: 127px; }
@media (max-width: 992px) { .megift .top-list li a .item.item2 { top: 34px; left: 26px; background-position: -253.2px 0; width: 76.2px; } }
.megift .top-list li a .item.item3 { top: 65px; left: 34px; background-position: -563px 0; width: 139px; }
@media (max-width: 992px) { .megift .top-list li a .item.item3 { top: 42px; left: 22px; background-position: -337.8px 0; width: 83.4px; } }
.megift .gifts { padding: 33px 0 0 3px; }
.megift .gifts a { position: relative; background: url(../images/ff_megift.png) no-repeat; background-position: 0 -794px; float: left; width: 673px; height: 235px; }
@media (max-width: 992px) { .megift .gifts a { background-size: 501.8px; background-position: 0 -516.1px; width: 437.45px; height: 152.75px; margin-left: 7px; } }
@media (max-width: 992px) { .megift .gifts a:hover .bg, .megift .gifts a:hover .get-btn span { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; } }
.megift .gifts a .bg { position: absolute; top: 0; left: 0; background: url(../images/ff_megift.png) no-repeat; background-position: 0 -554px; float: left; width: 673px; height: 235px; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; }
.megift .gifts a .get-btn { bottom: 2px; }
.megift .gifts a .item { position: absolute; top: 36px; left: 70px; z-index: 2; }
@media (max-width: 992px) { .megift .gifts a .item { top: 31px; left: 51px; } }
.megift .gifts a .item span { position: relative; display: inline-block; background: url(../images/ff_megift.png) no-repeat; }
@media (max-width: 992px) { .megift .gifts a .item span { background-size: 463.2px; } }
.megift .gifts a .item .item1 { background-position: 0 -130px; width: 123px; height: 119px; }
@media (max-width: 992px) { .megift .gifts a .item .item1 { background-position: 0 -78px; width: 73.8px; height: 71.4px; } }
.megift .gifts a .item .item2 { background-position: -141px -130px; width: 110px; height: 95px; margin: 0 18px 0 28px; }
@media (max-width: 992px) { .megift .gifts a .item .item2 { background-position: -84.6px -78px; width: 66px; height: 57px; margin-left: 19px; } }
.megift .gifts a .item .item3 { background-position: -382px -130px; width: 135px; height: 126px; margin-right: 10px; }
@media (max-width: 992px) { .megift .gifts a .item .item3 { background-position: -229.2px -78px; width: 81px; height: 75.6px; } }
.megift .gifts a .item .item4 { background-position: -265px -130px; width: 100px; height: 137px; }
@media (max-width: 992px) { .megift .gifts a .item .item4 { background-position: -159px -78px; width: 60px; height: 82.2px; } }
.megift .bt-bg { position: absolute; bottom: 0; left: -43px; background: url(../images/ff_megift.png) no-repeat; background-position: 0 -1021px; float: left; width: 772px; height: 382px; }
@media (max-width: 992px) { .megift .bt-bg { left: -54px; background-size: 540.4px; background-position: 0 -714.7px; width: 540.4px; height: 267.4px; } }

/*--Modal-------------*/
.modal-header { background: #aa0716; 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=funfair.css.map */