@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)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@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);
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

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

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .navbar { display: none; }
  .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
  .label { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
  .table-bordered th, .table-bordered td { border: 1px solid #ddd !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; }

html { font-size: 10px; -webkit-tap-highlight-color: transparent; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333333; background-color: #fff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 24px; }

h4, .h4 { font-size: 18px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }

p { margin: 0 0 10px; }

.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
@media (min-width: 768px) { .lead { font-size: 21px; } }

small, .small { font-size: 85%; }

mark, .mark { background-color: #fcf8e3; padding: .2em; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase, .initialism { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.text-muted { color: #777777; }

.text-primary { color: #337ab7; }

a.text-primary:hover, a.text-primary:focus { color: #286090; }

.text-success { color: #3c763d; }

a.text-success:hover, a.text-success:focus { color: #2b542c; }

.text-info { color: #31708f; }

a.text-info:hover, a.text-info:focus { color: #245269; }

.text-warning { color: #8a6d3b; }

a.text-warning:hover, a.text-warning:focus { color: #66512c; }

.text-danger { color: #a94442; }

a.text-danger:hover, a.text-danger:focus { color: #843534; }

.bg-primary { color: #fff; }

.bg-primary { background-color: #337ab7; }

a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; }

.bg-success { background-color: #dff0d8; }

a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; }

.bg-info { background-color: #d9edf7; }

a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; }

.bg-warning { background-color: #fcf8e3; }

a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; }

.bg-danger { background-color: #f2dede; }

a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; }

.page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; }

ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

dl { margin-top: 0; margin-bottom: 20px; }

dt, dd { line-height: 1.42857; }

dt { font-weight: bold; }

dd { margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; }
.dl-horizontal dd:after { clear: both; }
@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dl-horizontal dd { margin-left: 180px; } }

abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; }

.initialism { font-size: 90%; }

blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; }
blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777777; }
blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; }

.blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; }
.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; }
.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; }

address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }

code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }

kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; }

pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }

.pre-scrollable { max-height: 340px; overflow-y: scroll; }

.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%; } }
table { background-color: transparent; }

caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; }

th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #ddd; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #ddd; }
.table .table { background-color: #fff; }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; }

.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }

.table-hover > tbody > tr:hover { background-color: #f5f5f5; }

table col[class*="col-"] { position: static; float: none; display: table-column; }

table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }

.table-responsive { overflow-x: auto; min-height: 0.01%; }
@media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
  .table-responsive > .table { margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
  .table-responsive > .table-bordered { border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } }

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

.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; }
.btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; }
.btn-default .badge { color: #fff; background-color: #333; }

.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; }
.btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; }
.btn-primary .badge { color: #337ab7; background-color: #fff; }

.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; }
.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; }
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }
.btn-success .badge { color: #5cb85c; background-color: #fff; }

.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
.btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; }
.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; }
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; }
.btn-info .badge { color: #5bc0de; background-color: #fff; }

.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; }
.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; }
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; }
.btn-warning .badge { color: #f0ad4e; background-color: #fff; }

.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; }
.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; }
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; }
.btn-danger .badge { color: #d9534f; background-color: #fff; }

.btn-link { color: #337ab7; font-weight: normal; border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }
.btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }

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

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

.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; }

.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive-4by3 { padding-bottom: 75%; }

.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; } }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }
.visible-xs { display: none !important; }

.visible-sm { display: none !important; }

.visible-md { display: none !important; }

.visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }
@media (max-width: 767px) { .visible-xs-block { display: block !important; } }

@media (max-width: 767px) { .visible-xs-inline { display: inline !important; } }

@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; }
  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } }

@media (min-width: 1200px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }
@media (min-width: 1200px) { .visible-lg-block { display: block !important; } }

@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } }

@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } }

@media (max-width: 767px) { .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; } }
.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }
.visible-print-block { display: none !important; }
@media print { .visible-print-block { display: block !important; } }

.visible-print-inline { display: none !important; }
@media print { .visible-print-inline { display: inline !important; } }

.visible-print-inline-block { display: none !important; }
@media print { .visible-print-inline-block { display: inline-block !important; } }

@media print { .hidden-print { display: none !important; } }
/*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 */
body { line-height: 1; font-family: 'Roboto', Arial, sans-serif !important; font-size: 13px; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

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

a { color: #00608d; }

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

a:hover { color: #fd7727; text-decoration: none; }
@media (max-width: 767px) { a:hover { color: #00608d; } }

/*End reset*/
/*Font iciel Pony*/
@font-face { font-family: 'Pony'; src: url("../fonts/Pony.eot"); src: url("../fonts/Pony.eot?#iefix") format("embedded-opentype"), url("../fonts/Pony.woff2") format("woff2"), url("../fonts/Pony.woff") format("woff"), url("../fonts/Pony.ttf") format("truetype"), url("../fonts/Pony.svg#svgFontName") format("svg"); font-weight: normal; font-style: normal; }
.header .mainhead .account .nickname ul li.info a:before, .header .mainhead .account .nickname ul li.history a:before, .header .mainhead .account .nickname ul li.list-follow a:before, .header .mainhead .account .nickname ul li.sign-out a:before, .footer #back-top a:before, .uiselector .select-click:after, input[type="checkbox"]:checked + label span.checkbox:before, .tabs-block .search:before, .filter-block h2:before, .detail-wrap .game-info .lside .gm-info .gm-menu li:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait > a:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait .list-server:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish > a:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish .list-server:after, .detail-wrap .game-info .rside .conditions-block .your-code .links > a:before, .roll-call .rc-block ul li:after, .header .mainhead .mainmenu.open .menu:before, .header .mainhead .mainmenu.open .menu > li ul li a:before, .header .mainhead .mainmenu .menu > li.sub:before, .header .mainhead .account > a:after, .header .mainhead .account > a:before, .header .mainhead .account .nickname:before, .tooltip .tt-arrow:before, .detail-wrap .member-list ul li.more a:after, .tanthu-ico, .header .tophead .lmenu, .header .tophead .lmenu li, .header .tophead .lmenu li a, .header .tophead .rmenu li, .header .tophead .rmenu li a, .header .mainhead .logo, .header .mainhead .mainmenu .menu, .header .mainhead .mainmenu .menu > li, .header .mainhead .mainmenu .menu > li > a, .header .mainhead .mainmenu .login-regis li, .header .mainhead .mainmenu .login-regis li a, .footer .footer-menu > li, .footer .copyright-block, .footer #back-top a, .sticky-rb, .sticky-rb li, .sticky-rb li a, .uiselector, .item-list ul li .lb, .item-list2 li .lb, .item-list3 ul li .lb, .game-list li, .game-list li .pic, .breadcrumb ul li, .breadcrumb ul li:after, .breadcrumb ul li a, .tabs-block .tabs-menu, .tabs-block .tabs-menu li, .tabs-block .tabs-menu li a, .filter-block h2, .detail-wrap .big-img-view .lb, .detail-wrap .share-block li, .detail-wrap .member-list ul li, .detail-wrap .member-list ul li a, .detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-pic, .detail-wrap .game-info .lside .gm-info .gm-menu li, .detail-wrap .game-info .rside .rs-block1 .kind-code, .detail-wrap .game-info .rside .conditions-block .check-box .side-bar .percent, .detail-wrap .game-info .rside .conditions-block .your-code .code .btns .btn, .detail-wrap .game-info .rside .gift-tabs .tab-menu li, .detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li, .detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li .pic, .regulation .tabs-menu .tmenu > li, .regulation .tabs-menu .tmenu > li a, .list-style-1 > li h2 .num, .gift-page .item-list ul li .ava, .gift-page .detail-wrap .game-info .lside .big-img-view .sale, .gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .frm textarea, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .frm .note-result, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .sum-cha, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .btn-box a, .event-page .ev-head .info, .event-page .ev-head .info .avatar, .event-page .ev-head .info .desc ul li, .roll-call .rc-block ul, .roll-call .rc-block ul li, .roll-call .rc-block .center-btn, .roll-call .top-users > h2 .star, .roll-call .top-users ul li .pic, .roll-call .get-dial .condition > li, .roll-call .buy-dial .choose-zm .center .uiselector .select-option li a .txt1, .roll-call .buy-dial .choose-zm .center .uiselector .select-option li a .txt2, .roll-call .buy-dial .choose-zm .center .buy-btn, .roll-call .result-box .close-btn, .roll-call .result-box .rs-inbox .pic { float: left; }

.header .tophead .rmenu, .header .mainhead .mainmenu .login-regis, .header .mainhead .account, .header .mainhead .account > a img, .header .mainhead .attendance-btn, .header .mainhead .lottery-btn, .footer .footer-menu, .tabs-block .search, .detail-wrap .game-info .lside .gm-info .gm-desc .play-btn, .detail-wrap .game-info .rside .rs-block1 .amount-gift, .detail-wrap .game-info .rside .rs-block1 .amount-gift .txt2, .detail-wrap .game-info .rside .conditions-block .check-box, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .btn-box, .roll-call .buy-dial .choose-zm .center .uiselector .select-option li a .numzm { float: right; }

.header .mainhead .logo, .header .mainhead .mainmenu, .header .mainhead .mainmenu.open .menu, .header .mainhead .mainmenu.open .menu > li ul li a, .header .mainhead .mainmenu .menu > li, .header .mainhead .mainmenu .menu > li.sub ul li, .header .mainhead .account, .header .mainhead .account > a, .header .mainhead .account .nickname, .header .mainhead .account .nickname ul li a, .header .mainhead .attendance-btn, .header .mainhead .lottery-btn, .footer .container, .footer .copyright-block .hotline:before, .footer .copyright-block .security, .footer .copyright-block .security:before, .footer #back-top a, .uiselector, .uiselector .select-click, input[type="checkbox"]:checked + label span.checkbox, .item-list ul li .desc .avatar, .item-list ul li .desc .info, .item-list2 li .pic, .item-list2 li .pic a, .item-list3 ul li, .item-list3 ul li .shadow, .game-list li .detail .rate-blck, .seemore span, .breadcrumb ul li, .add-tooltip, .tabs-block .search, .filter-block h2, .detail-wrap .big-img-view .pic, .detail-wrap .member-list ul li.more a, .detail-wrap .game-info .lside .gm-info .gm-desc, .detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .gm-rate .rate-blck, .detail-wrap .game-info .lside .gm-info .gm-menu li, .detail-wrap .game-info .rside .conditions-block .check-box, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk, .detail-wrap .game-info .rside .conditions-block .complete-conditions .notify, .detail-wrap .game-info .rside .conditions-block .your-code .links > a, .regulation .tabs-menu .tmenu, .list-style-1 > li h2, .gift-page .detail-wrap .game-info .lside .big-img-view, .gift-page .detail-wrap .game-info .lside .pic, .gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code .zmcoin_icn_24, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .frm, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a.edit:before, .event-page .ev-head, .roll-call, .roll-call .rc-block ul li, .roll-call .rc-block ul li a, .roll-call .rc-block .center-btn a, .roll-call .rc-block .center-btn.rollcall-btn, .roll-call .rc-block .center-btn.rollcall-btn a, .roll-call .rc-block .center-btn.dial-btn, .roll-call .rc-block .center-btn.dial-btn a, .roll-call .rc-block .center-btn.inactive-btn, .roll-call .rc-block .center-btn.inactive-btn a, .roll-call .item-list3.result, .roll-call .top-users > h2, .roll-call .get-dial .condition .border { position: relative; }

.header .mainhead .account .nickname ul li.info a:before, .header .mainhead .account .nickname ul li.history a:before, .header .mainhead .account .nickname ul li.list-follow a:before, .header .mainhead .account .nickname ul li.sign-out a:before, .footer #back-top a:before, .uiselector .select-click:after, input[type="checkbox"]:checked + label span.checkbox:before, .tabs-block .search:before, .filter-block h2:before, .detail-wrap .game-info .lside .gm-info .gm-menu li:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait > a:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait .list-server:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish > a:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish .list-server:after, .detail-wrap .game-info .rside .conditions-block .your-code .links > a:before, .roll-call .rc-block ul li:after, .header .mainhead .mainmenu.open .menu:before, .header .mainhead .mainmenu.open .menu > li ul li a:before, .header .mainhead .mainmenu .menu > li.sub:before, .header .mainhead .account > a:after, .header .mainhead .account > a:before, .header .mainhead .account .nickname:before, .tooltip .tt-arrow:before, .detail-wrap .member-list ul li.more a:after, .roll-call .rc-block .center-btn.rollcall-btn:after, .roll-call .rc-block ul li.done a:after, .vip-ico, .header .mainhead .mainmenu.open, .header .mainhead .mainmenu .menu > li.sub ul li .child-sub, .header .mainhead .mainmenu .menu > li ul, .header .mainhead .account .nickname, .footer #back-top, .sticky-rb, .uiselector .select-option, .item-list ul li .lb, .item-list ul li .pic .link-hover, .item-list ul li .pic .link-hover .get-code, .item-list ul li .desc .info .ico, .item-list2 li .lb, .item-list2 li .d-lb, .item-list2 li .d-lb:before, .item-list3 ul li .lb, .breadcrumb ul li:after, .tooltip, .tooltip .tt-arrow, .tooltip .tt-close-btn, .detail-wrap .big-img-view .lb, .detail-wrap .game-info .lside .gm-info .gm-desc .play-btn, .detail-wrap .game-info .rside .conditions-block .check-box:before, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action > a:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action .list-server .play, .list-style-1 > li h2 .num, .gift-page .item-list ul li .desc .info .price-box, .gift-page .item-list ul li .ava, .gift-page .detail-wrap .game-info .lside .big-img-view .sale, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .frm .note-result, .event-page .ev-head .info, .roll-call .close, .roll-call .month-lb, .roll-call .rc-block ul li .tooltip:after, .roll-call .rc-block ul li a .txt, .roll-call .rc-block ul li.done a:before, .roll-call .rc-block .center-btn a .txt, .roll-call .item-list3.result:before, .roll-call .top-users > h2 .star, .roll-call .top-users > h2:before, .roll-call .top-users > h2:after, .roll-call .get-dial .condition .border .lb, .roll-call .buy-dial .choose-zm .center .uiselector .select-option:before, .roll-call .buy-dial .choose-zm .center .uiselector .select-option:after, .roll-call .result-box, .roll-call .result-box .close-btn { position: absolute; }

.header .mainhead .mainmenu .menu > li.sub > a span:after, .header .mainhead .attendance-btn:before, .header .mainhead .lottery-btn:before, .header .mainhead .lottery-btn:after, .footer .copyright-block .hotline:before, .footer .copyright-block .mail:before, .footer .copyright-block .security:before, .item-list ul li .desc .info .ico.mb:before, .item-list ul li .desc .info .ico.ds:before, .item-list ul li .desc .info .ico.mb-ds:before, .item-list ul li .desc .info .ico.mb-ds:after, .pc-mb-ico:before, .pc-mb-ico:after, .pc-ico:before, .mb-ico:before, .breadcrumb ul li.home a:before, .gift-history .support-btn:before, .tooltip .tt-close-btn:before, .detail-wrap .share-block li a:before, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a.edit:before, .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a.send.done:before, .event-page .ev-head .info .desc ul li.date .tt:before, .event-page .ev-head .info .desc ul li.joined .tt:before { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.header .mainhead .account .nickname ul li.info a:before, .header .mainhead .account .nickname ul li.history a:before, .header .mainhead .account .nickname ul li.list-follow a:before, .header .mainhead .account .nickname ul li.sign-out a:before, .footer #back-top a:before, .uiselector .select-click:after, input[type="checkbox"]:checked + label span.checkbox:before, .tabs-block .search:before, .filter-block h2:before, .detail-wrap .game-info .lside .gm-info .gm-menu li:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait > a:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait .list-server:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish > a:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish .list-server:after, .detail-wrap .game-info .rside .conditions-block .your-code .links > a:before, .roll-call .rc-block ul li:after { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.header .mainhead .mainmenu.open .menu:before, .header .mainhead .mainmenu.open .menu > li ul li a:before, .header .mainhead .mainmenu .menu > li.sub:before, .header .mainhead .account > a:after, .header .mainhead .account > a:before, .header .mainhead .account .nickname:before, .tooltip .tt-arrow:before, .detail-wrap .member-list ul li.more a:after { content: ""; width: 0; height: 0; border-style: solid; }

.roll-call .rc-block .center-btn.rollcall-btn:after { background: url(../images/img_sprt_1.6.png) no-repeat; float: left; }

.roll-call .rc-block ul li.done a:after { content: ""; background: url(../images/img_sprt_1.6.png) no-repeat; float: left; }

.vip-ico { background: url(../images/ico_sprt_1.1.png) no-repeat; float: left; }

.tanthu-ico { background: url(../images/ico_sprt_1.1.png) no-repeat; }

a, .header .mainhead .mainmenu .menu > li, .item-list ul li .desc .avatar { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
@media (max-width: 767px) { a, .header .mainhead .mainmenu .menu > li, .item-list ul li .desc .avatar { transition: none; -moz-transition: none; -webkit-transition: none; } }

.roll-call .rc-block .center-btn a { transition: none; -moz-transition: none; -webkit-transition: none; }

.roll-call .rc-block .center-btn a .bg { transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; }

.item-list ul li .desc .info h2, .item-list ul li .desc .info .txt, .item-list ul li .desc .info .num { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.item-list ul li .pic .link-hover, .roll-call .rc-block .center-btn a .bg { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; }

.item-list ul li:hover .pic .link-hover, .roll-call .close:hover, .roll-call .rc-block .center-btn.rollcall-btn a:hover .bg, .roll-call .rc-block .center-btn.rollcall-btn a:active .bg, .roll-call .rc-block .center-btn.dial-btn a:hover .bg, .roll-call .rc-block .center-btn.dial-btn a:active .bg, .modal-header .close { filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 100; opacity: 1; }

.item-list ul li.empty img, .item-list2 li.end img, .detail-wrap .big-img-view.empty img { filter: progid:DXImageTransform.Microsoft.alpha(opacity=60); -moz-opacity: 60; opacity: 0.6; }

.roll-call .close { filter: progid:DXImageTransform.Microsoft.alpha(opacity=40); -moz-opacity: 40; opacity: 0.4; }

@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(15px); transform: translateY(15px); }
  60% { -moz-transform: translateY(15px); transform: translateY(15px); } }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(15px); transform: translateY(15px); }
  60% { -webkit-transform: translateY(15px); transform: translateY(15px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); }
  60% { -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); } }
body { overflow-x: hidden; }
@media (max-width: 767px) { body { padding-top: 50px; } }

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

@media (max-width: 767px) { .header { position: fixed; top: 0; right: 0; left: 0; z-index: 99; } }
.header .tophead { background: #fff; height: 40px; }
.header .tophead .lmenu li { margin-right: 34px; }
.header .tophead .lmenu li a { line-height: 34px; color: #888; text-transform: uppercase; border-top: 3px solid transparent; }
.header .tophead .lmenu li a:hover { border-color: #4c5b5c; }
.header .tophead .lmenu li:last-child { margin-right: 0; }
@media (min-width: 768px) and (max-width: 992px) { .header .tophead .lmenu li { margin-right: 15px; } }
.header .tophead .rmenu li { line-height: 34px; margin-left: 24px; color: #888; }
.header .tophead .rmenu li a { color: #888; border-top: 3px solid transparent; }
.header .tophead .rmenu li a:hover { border-color: #333; }
.header .tophead .rmenu li:first-child { margin-left: 0; }
.header .tophead .rmenu li .red { color: #fd7727; font-size: 14px; font-weight: bold; }
.header .tophead .rmenu li .txt { border-top: 3px solid transparent; }
@media (min-width: 768px) and (max-width: 992px) { .header .tophead .rmenu li { margin-left: 12px; } }
@media (max-width: 992px) { .header .tophead { display: none; } }
.header .mainhead { background: #fd7727; height: 67px; }
@media (max-width: 992px) { .header .mainhead { height: 60px; } }
@media (max-width: 767px) { .header .mainhead { height: 50px; } }
.header .mainhead .logo { display: table; z-index: 9; height: 67px; margin-right: 20px; }
@media (min-width: 768px) and (max-width: 992px) { .header .mainhead .logo { height: 60px; margin-right: 20px; } }
@media (max-width: 767px) { .header .mainhead .logo { height: 50px; } }
.header .mainhead .logo a { display: table-cell; vertical-align: middle; }
.header .mainhead .logo a img { display: block; }
@media (max-width: 992px) { .header .mainhead .logo a img { max-width: 120px; } }
.header .mainhead .mainmenu { z-index: 8; }
@media (min-width: 768px) and (max-width: 992px) { .header .mainhead .mainmenu { margin-top: 60px; } }
@media (max-width: 767px) { .header .mainhead .mainmenu { margin-top: 50px; } }
.header .mainhead .mainmenu.open { top: 0; left: 0; width: 100%; background: #333; }
.header .mainhead .mainmenu.open .mainmenu-btn { right: 10px; }
@media (min-width: 768px) and (max-width: 992px) { .header .mainhead .mainmenu.open .mainmenu-btn { right: 15px; } }
.header .mainhead .mainmenu.open .menu { display: block; width: 100%; }
@media (max-width: 992px) { .header .mainhead .mainmenu.open .menu { max-height: 360px; overflow-y: auto; } }
.header .mainhead .mainmenu.open .menu:before { top: -5px; right: 20px; border-width: 0 5px 5px 5px; border-color: transparent transparent #333 transparent; }
.header .mainhead .mainmenu.open .menu > li { width: 100%; margin-right: 0; padding: 0 20px; border-bottom: 1px solid #444; }
.header .mainhead .mainmenu.open .menu > li > a { display: block; float: none; width: 100%; line-height: 40px; color: #fff; }
.header .mainhead .mainmenu.open .menu > li ul { display: block; position: static; top: auto; left: auto; width: 100%; margin-bottom: 10px; }
@media (max-width: 992px) { .header .mainhead .mainmenu.open .menu > li ul { margin-top: -5px; } }
.header .mainhead .mainmenu.open .menu > li ul li { border: 0; }
.header .mainhead .mainmenu.open .menu > li ul li a { height: auto !important; line-height: 24px; padding: 0 0 0 12px; color: #999; }
.header .mainhead .mainmenu.open .menu > li ul li a:before { top: 8px; left: 0; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #999999; }
.header .mainhead .mainmenu.open .menu > li ul li.special a:before { border-color: transparent transparent transparent #ebad15; }
.header .mainhead .mainmenu.open .login-regis { display: block; width: 100%; margin: 10px 0; }
.header .mainhead .mainmenu.open .login-regis li { width: 50%; height: 40px; margin-right: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; }
.header .mainhead .mainmenu.open .login-regis li a { width: 100%; text-align: center; text-transform: uppercase; }
.header .mainhead .mainmenu.open .login-regis li.regis a, .header .mainhead .mainmenu.open .login-regis li.login a { height: 40px; line-height: 40px; font-size: 15px; }
.header .mainhead .mainmenu .mainmenu-btn { display: none; position: absolute; top: -38px; right: 0; background-color: transparent; padding: 5px 0; border: 0; }
@media (max-width: 992px) { .header .mainhead .mainmenu .mainmenu-btn { display: block; } }
@media (min-width: 768px) and (max-width: 992px) { .header .mainhead .mainmenu .mainmenu-btn { top: -42px; } }
.header .mainhead .mainmenu .mainmenu-btn .icon-bar { display: block; background: #fff; width: 30px; height: 2px; margin-bottom: 5px; border-radius: 1px; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu { display: none; } }
.header .mainhead .mainmenu .menu > li { height: 67px; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li { height: auto; } }
.header .mainhead .mainmenu .menu > li.active > a { color: #fd7727; }
.header .mainhead .mainmenu .menu > li.active > a span { border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; background: #fff; margin-left: 5px; margin-right: 5px; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li.active > a span { background: none; margin: 0; } }
.header .mainhead .mainmenu .menu > li.active > a:hover { color: #fd7727; }
.header .mainhead .mainmenu .menu > li.no-active > a { cursor: default; }
.header .mainhead .mainmenu .menu > li.no-active > a:hover { color: #ab431d; }
.header .mainhead .mainmenu .menu > li:hover > a { color: #fff; }
.header .mainhead .mainmenu .menu > li > a { height: 67px; color: #fdfcc1; font-size: 18px; font-weight: bold; font-size: 14px; text-transform: uppercase; }
@media (min-width: 1024px) and (max-width: 1100px) { .header .mainhead .mainmenu .menu > li > a { font-size: 12px; } }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li > a { height: auto; } }
.header .mainhead .mainmenu .menu > li > a span { display: block; line-height: 33px; margin-top: 17px; padding: 0 15px; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li > a span { line-height: 40px; margin-top: 0; padding: 0; } }
.header .mainhead .mainmenu .menu > li:last-child { margin-right: 0; }
.header .mainhead .mainmenu .menu > li.sub.active > a span:after { color: #fd7727; }
.header .mainhead .mainmenu .menu > li.sub.active > a:hover span:after { color: #fd7727; }
.header .mainhead .mainmenu .menu > li.sub.active:hover > a { color: #fd7727; }
.header .mainhead .mainmenu .menu > li.sub.active:hover > a span:after { color: #fd7727; }
.header .mainhead .mainmenu .menu > li.sub:before { bottom: 0; right: 15px; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #4c5b5c transparent; display: none; }
.header .mainhead .mainmenu .menu > li.sub > a span:after { content: ""; color: #fdfcc1; font-size: 14px; margin-left: 7px; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li.sub > a span:after { display: none; } }
.header .mainhead .mainmenu .menu > li.sub > a:hover span:after { color: #fff; }
.header .mainhead .mainmenu .menu > li.sub:hover > a span:after { color: #fff; }
.header .mainhead .mainmenu .menu > li.sub:hover:before, .header .mainhead .mainmenu .menu > li.sub:hover ul { display: block; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li.sub:hover:before { display: none; } }
.header .mainhead .mainmenu .menu > li.sub ul li .child-sub { display: none; top: 0; left: 141px; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li.sub ul li .child-sub { display: block; position: static; top: auto; left: auto; right: auto; margin: 0; padding-left: 15px; } }
.header .mainhead .mainmenu .menu > li.sub ul li .child-sub li:first-child a { height: 48px; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li.sub ul li .child-sub li:first-child a { height: auto; } }
.header .mainhead .mainmenu .menu > li.sub ul li:hover > a { margin-top: -1px; padding-top: 14px; height: 48px; background: #fd7727; border-bottom-color: #fd7727; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li.sub ul li:hover > a { background: none; height: auto; padding-top: 0; margin-top: 0; } }
.header .mainhead .mainmenu .menu > li.sub ul li:hover .child-sub { display: block; }
.header .mainhead .mainmenu .menu > li.sub ul li:first-child:hover > a { height: 47px; padding-top: 13px; margin-top: 0; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li.sub ul li:first-child:hover > a { background: none; height: auto; padding-top: 0; } }
.header .mainhead .mainmenu .menu > li ul { top: 67px; right: 0; display: none; width: 140px; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li ul { top: 60px; } }
.header .mainhead .mainmenu .menu > li ul li:last-child a { border-bottom: 0; }
.header .mainhead .mainmenu .menu > li ul li a { display: block; height: 47px; line-height: 18px; background: #333; padding: 13px 0 0 15px; color: #fff; font-size: 14px; border-bottom: 1px solid #6b6b63; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li ul li a { background: none; height: auto; border-bottom: 0; } }
.header .mainhead .mainmenu .menu > li ul li a:hover { background: #fd7727; border-bottom-color: #fd7727; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li ul li a:hover { background: none; border-bottom: 0; } }
.header .mainhead .mainmenu .menu > li ul li.special a { color: #ebad15; }
.header .mainhead .mainmenu .menu > li ul li.special a:hover { color: #fff; }
@media (max-width: 992px) { .header .mainhead .mainmenu .menu > li ul li.special a:hover { color: #ebad15; } }
.header .mainhead .mainmenu .login-regis { margin-top: 16px; }
@media (min-width: 768px) and (max-width: 992px) { .header .mainhead .mainmenu .login-regis { margin-right: -10px; margin-top: 12px; } }
@media (max-width: 992px) { .header .mainhead .mainmenu .login-regis { display: none; } }
.header .mainhead .mainmenu .login-regis li { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; height: 35px; margin-right: 7px; border: 2px solid white; overflow: hidden; }
@media (min-width: 768px) and (max-width: 992px) { .header .mainhead .mainmenu .login-regis li { margin-right: 5px; } }
.header .mainhead .mainmenu .login-regis li:last-child { margin: 0; }
.header .mainhead .mainmenu .login-regis li.regis { border-color: transparent; }
.header .mainhead .mainmenu .login-regis li.regis a { display: inline-block; background: #b0410b; height: 31px; line-height: 31px; color: #fff; font-size: 13px; font-weight: bold; border: 0; padding: 0 14px; }
@media (min-width: 768px) and (max-width: 992px) { .header .mainhead .mainmenu .login-regis li.regis a { font-size: 12px; } }
.header .mainhead .mainmenu .login-regis li.regis a:hover { background: #ca5f1f; }
.header .mainhead .mainmenu .login-regis li.login a { display: inline-block; background: #00608d; height: 31px; line-height: 31px; color: #fff; font-size: 13px; font-weight: bold; border: 0; padding: 0 14px; }
@media (min-width: 768px) and (max-width: 992px) { .header .mainhead .mainmenu .login-regis li.login a { font-size: 12px; } }
.header .mainhead .mainmenu .login-regis li.login a:hover { background: #3380a4; }
.header .mainhead .account { z-index: 9; display: table; }
@media (max-width: 992px) { .header .mainhead .account { position: inherit; height: 60px; margin-right: 45px; } }
@media (max-width: 767px) { .header .mainhead .account { height: 50px; } }
@media (min-width: 993px) { .header .mainhead .account:hover > a:before, .header .mainhead .account:hover > a:after { display: none; }
  .header .mainhead .account:hover .nickname { display: block; } }
.header .mainhead .account > a { display: table-cell; width: 67px; height: 67px; vertical-align: middle; }
@media (max-width: 992px) { .header .mainhead .account > a { width: 60px; height: 60px; } }
@media (max-width: 992px) { .header .mainhead .account > a { width: 35px; height: 35px; margin-top: 8px; } }
.header .mainhead .account > a img { width: 100%; max-width: 100%; height: auto; }
.header .mainhead .account > a:after { content: ""; bottom: 0; right: 0; border-width: 0 0 25px 23px; border-color: transparent transparent #fd7727 transparent; }
@media (max-width: 992px) { .header .mainhead .account > a:after { bottom: 8px; border-width: 0 0 20px 18px; } }
.header .mainhead .account > a:before { content: ""; z-index: 2; bottom: 4px; right: 0; border-width: 0 0 14px 13px; border-color: transparent transparent #fff transparent; }
@media (max-width: 992px) { .header .mainhead .account > a:before { bottom: 12px; border-width: 0 0 9px 8px; } }
.header .mainhead .account .nickname { display: none; top: 67px; right: 0; background: #fff; width: 200px; height: auto; padding: 15px 0 0; margin: 0; box-shadow: 0 1px 15px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 15px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 15px 4px rgba(0, 0, 0, 0.2); }
@media (max-width: 992px) { .header .mainhead .account .nickname { top: 60px; z-index: 9; background: #333; width: 100%; padding: 15px 5px 10px 10px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } }
@media (max-width: 767px) { .header .mainhead .account .nickname { top: 50px; } }
.header .mainhead .account .nickname:before { top: -19px; right: 0; border-width: 0 0 19px 19px; border-color: transparent transparent #ffffff transparent; }
@media (max-width: 992px) { .header .mainhead .account .nickname:before { top: -5px; right: 67px; border-width: 0 5px 5px 5px; border-color: transparent transparent #333 transparent; } }
.header .mainhead .account .nickname h2 { padding: 0 5px 0 10px; font-size: 16px; }
.header .mainhead .account .nickname h2 a { color: #666; }
@media (max-width: 992px) { .header .mainhead .account .nickname h2 a { color: #fff; } }
.header .mainhead .account .nickname h2 a:hover { color: #fd7727; }
@media (max-width: 992px) { .header .mainhead .account .nickname h2 a:hover { color: #fff; } }
.header .mainhead .account .nickname .level { padding: 8px 5px 12px 10px; }
.header .mainhead .account .nickname .level .userzm, .header .mainhead .account .nickname .level .lv { display: inline-block; font-size: 14px; font-weight: bold; }
.header .mainhead .account .nickname .level .userzm { color: #f16543; }
.header .mainhead .account .nickname .level .lv { margin-left: 10px; color: #ff715b; }
.header .mainhead .account .nickname ul { margin-top: 10px; }
.header .mainhead .account .nickname ul li { margin: 0; font-size: 14px; font-weight: 600; border-top: 1px solid #efefef; }
@media (max-width: 992px) { .header .mainhead .account .nickname ul li { border-top-color: #444; } }
.header .mainhead .account .nickname ul li a { display: block; height: 40px; line-height: 40px; padding: 0 5px 0 37px; color: #666; }
@media (max-width: 992px) { .header .mainhead .account .nickname ul li a { color: #999; } }
.header .mainhead .account .nickname ul li a:hover { background: #e3e3e3; }
@media (max-width: 992px) { .header .mainhead .account .nickname ul li a:hover { background: none; } }
.header .mainhead .account .nickname ul li.info a:before { content: ""; top: 12px; left: 10px; font-size: 18px; }
.header .mainhead .account .nickname ul li.history a:before { content: ""; top: 11px; left: 10px; font-size: 18px; }
.header .mainhead .account .nickname ul li.list-follow a:before { content: ""; top: 12px; left: 10px; font-size: 16px; }
.header .mainhead .account .nickname ul li.sign-out a:before { content: ""; top: 10px; left: 10px; font-size: 20px; }
.header .mainhead .account .nickname ul li.inactive a { background: none; color: #ccc; cursor: default; }
@media (max-width: 992px) { .header .mainhead .account .nickname ul li.inactive a { color: #555; } }
.header .mainhead .account.open > a:before, .header .mainhead .account.open > a:after { display: none; }
.header .mainhead .account.open .nickname { display: block; }
.header .mainhead .attendance-btn, .header .mainhead .lottery-btn { z-index: 9; background: #ffea78; height: 42px; line-height: 36px; padding: 0 12px; margin: 12px 12px 0 0; vertical-align: middle; color: #593a28; text-transform: uppercase; font-weight: bold; border: 3px solid #f17124; border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; /*@media (min-width: 768px) and (max-width: 992px){
	margin-top: 9px;
}*/ }
@media (max-width: 1200px) { .header .mainhead .attendance-btn, .header .mainhead .lottery-btn { background: none; width: 30px; height: 50px; padding: 0; margin: 0 8px 0 0; text-indent: -9999px; border: 0; } }
.header .mainhead .attendance-btn:before, .header .mainhead .lottery-btn:before { content: "\f274"; margin-right: 5px; font-size: 15px; /*@media (max-width: 992px){
	font-size: 13px;
}*/ }
@media (max-width: 1200px) { .header .mainhead .attendance-btn:before, .header .mainhead .lottery-btn:before { position: absolute; top: 21px; right: 0; color: #fff; font-size: 22px; text-indent: 0; } }
@media (max-width: 992px) { .header .mainhead .attendance-btn:before, .header .mainhead .lottery-btn:before { top: 18px; } }
@media (max-width: 767px) { .header .mainhead .attendance-btn:before, .header .mainhead .lottery-btn:before { top: 13px; } }
.header .mainhead .lottery-btn:before { content: "\f1db"; position: relative; top: 2px; font-size: 17px; }
@media (max-width: 1200px) { .header .mainhead .lottery-btn:before { position: absolute; top: 21px; font-size: 24px; } }
@media (max-width: 992px) { .header .mainhead .lottery-btn:before { top: 18px; } }
@media (max-width: 767px) { .header .mainhead .lottery-btn:before { top: 13px; } }
.header .mainhead .lottery-btn:after { content: "\f013"; position: absolute; top: 11px; left: 13px; font-size: 14px; }
@media (max-width: 1200px) { .header .mainhead .lottery-btn:after { top: 25px; right: 8px; left: auto; color: #fff; font-size: 16px; text-indent: 0; } }
@media (max-width: 992px) { .header .mainhead .lottery-btn:after { top: 22px; } }
@media (max-width: 767px) { .header .mainhead .lottery-btn:after { top: 17px; } }
.header .mainhead.add-sticky { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; }

.footer { margin-top: 70px; border-top: 1px solid #e6e6e6; }
@media (max-width: 767px) { .footer { background: #f2f2f2; margin-top: 0; text-align: center; } }
@media (max-width: 767px) { .footer .container { padding: 0; } }
.footer .footer-menu { margin-top: 18px; }
@media (max-width: 767px) { .footer .footer-menu { background: #fff; width: 100%; margin-top: 0; padding: 20px 0 10px; } }
.footer .footer-menu > li { line-height: 22px; margin-right: 50px; color: #555; }
@media (max-width: 767px) { .footer .footer-menu > li { width: 100%; margin-right: 0; margin-bottom: 10px; } }
.footer .footer-menu > li:first-child { margin-right: 70px; }
@media (max-width: 767px) { .footer .footer-menu > li ul li { position: relative; } }
@media (max-width: 767px) { .footer .footer-menu > li ul li:after { content: ""; position: absolute; top: 12px; right: -10px; background: #555; float: left; height: 1px; width: 4px; } }
@media (max-width: 767px) { .footer .footer-menu > li ul li { display: inline-block; margin-right: 12px; } }
.footer .footer-menu > li ul li a { color: #555; }
.footer .footer-menu > li ul li a:hover { color: #fd7727; }
@media (max-width: 767px) { .footer .footer-menu > li ul li a:hover { color: #555; } }
@media (max-width: 767px) { .footer .footer-menu > li ul li:last-child { margin-right: 0; } }
@media (max-width: 767px) { .footer .footer-menu > li ul li:last-child:after { display: none; } }
.footer .copyright-block { margin: 28px 0 0; padding: 0 55px 40px 0; line-height: 22px; color: #999; border-right: 1px solid #e6e6e6; }
@media (max-width: 767px) { .footer .copyright-block { display: inline-block; float: none; margin: 0; padding: 25px 0; border: 0; } }
.footer .copyright-block .logo img { max-width: 125px; }
.footer .copyright-block .copyright { margin: 5px 0; }
.footer .copyright-block .hotline span { color: #fd7727; font-size: 14px; font-weight: bold; }
.footer .copyright-block .hotline:before { top: 2px; margin-right: 5px; content: ""; color: #999; font-size: 16px; }
.footer .copyright-block .mail:before { margin-right: 6px; content: ""; color: #999; font-size: 14px; }
.footer .copyright-block .mail a { color: #999; font-weight: bold; }
.footer .copyright-block .mail a:hover { color: #fd7727; }
@media (max-width: 767px) { .footer .copyright-block .mail a:hover { color: #999; } }
.footer .copyright-block .security:before { top: 2px; margin-right: 5px; content: ""; color: #999; font-size: 16px; }
.footer .copyright-block .security a { color: #999; text-decoration: underline !important; }
.footer .copyright-block .security a:hover { color: #fd7727; }
@media (max-width: 767px) { .footer .copyright-block .security a:hover { color: #999; } }
.footer #back-top { top: 25px; right: 15px; }
@media (max-width: 767px) { .footer #back-top { top: 10px; right: 10px; } }
.footer #back-top a { background: #fff; width: 25px; height: 25px; border: 2px solid #555; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.footer #back-top a:before { content: ""; top: 3px; left: 5px; font-size: 12px; color: #555; }
.footer #back-top a:hover { border-color: #fd7727; }
.footer #back-top a:hover:before { color: #fd7727; }

.sticky-rb { position: fixed; bottom: 280px; right: -59px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
@media (max-width: 1023px) { .sticky-rb { display: none !important; } }
.sticky-rb li { margin-right: 1px; text-align: center; }
.sticky-rb li a { height: 36px; line-height: 36px; color: #fff; text-align: center; font-size: 14px; font-weight: 500; }
.sticky-rb li.inactive a, .sticky-rb li.inactive a:hover { background: #ccc; color: #ddd; cursor: default; }
.sticky-rb .fanpage { background: #24bfeb; width: 82px; }
.sticky-rb .fanpage:hover { background: #22aed6; }
.sticky-rb .feedback { width: 70px; background: #4c6671; }
.sticky-rb .feedback:hover { background: #3c515a; }

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

/*EXP Icon + ZM icon
--------------------------*/
.zmexp_icn_16, .zmexp_icn_24, .zmexp_icn_32, .zmexp_icn_48, .zmcoin_icn_16, .zmcoin_icn_24, .zmcoin_icn_32, .zmcoin_icn_48, .zmexp_icn_16.disabled, .zmexp_icn_24.disabled, .zmexp_icn_32.disabled, .zmexp_icn_48.disabled, .zmcoin_icn_16.disabled, .zmcoin_icn_24.disabled, .zmcoin_icn_32.disabled, .zmcoin_icn_48.disabled { background-image: url(../images/zm_game_unit.png); background-repeat: no-repeat; display: inline-block; margin: 0 2px; }

.zmcoin_icn_16 { background-position: 0 0; width: 19px; height: 16px; vertical-align: -3px; }

.zmcoin_icn_24 { background-position: 0 -32px; width: 28px; height: 24px; vertical-align: -5px; }

.zmcoin_icn_32 { background-position: 0 -64px; width: 32px; height: 32px; vertical-align: -8px; }

.zmcoin_icn_48 { background-position: 0 -112px; width: 48px; height: 48px; vertical-align: -16px; }

.zmexp_icn_16 { background-position: 0 -256px; width: 16px; height: 16px; vertical-align: -3px; }

.zmexp_icn_24 { background-position: 0 -288px; width: 24px; height: 24px; vertical-align: -5px; }

.zmexp_icn_32 { background-position: 0 -320px; width: 32px; height: 32px; vertical-align: -8px; }

.zmexp_icn_48 { background-position: 0 -368px; width: 48px; height: 48px; vertical-align: -16px; }

.zmcoin_icn_16.disabled { background-position: -80px 0; }

.zmcoin_icn_24.disabled { background-position: -80px -32px; }

.zmcoin_icn_32.disabled { background-position: -80px -64px; }

.zmcoin_icn_48.disabled { background-position: -80px -112px; }

.zmexp_icn_16.disabled { background-position: -80px -256px; }

.zmexp_icn_24.disabled { background-position: -80px -288px; }

.zmexp_icn_32.disabled { background-position: -80px -320px; }

.zmexp_icn_48.disabled { background-position: -80px -368px; }

.item-list { margin-top: 30px; overflow: hidden; }
@media (max-width: 767px) { .item-list { background: #f2f2f2; margin: 0 -10px; padding: 15px 10px; } }
.item-list ul { margin-right: -27px; }
@media (max-width: 767px) { .item-list ul { margin-right: -10px; } }
.item-list ul li { padding: 0 27px 0 0; margin-bottom: 25px; overflow: hidden; }
@media (max-width: 767px) { .item-list ul li { padding: 0 10px 0 0; } }
.item-list ul li .lb { bottom: 8px; right: -21px; width: 83px; height: 25px; line-height: 25px; color: #fff; font-size: 14px; text-align: center; font-weight: bold; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.item-list ul li.empty .lb { z-index: 2; background: #333; }
.item-list ul li.empty img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.item-list ul li.new .lb { background: #00c775; }
.item-list ul li.opensoon .lb { background: #ffba00; }
.item-list ul li.special .lb { background: #dd1c03; }
.item-list ul li:hover .desc .avatar { visibility: visible; margin-left: 0; margin-right: 10px; }
@media (max-width: 992px) { .item-list ul li:hover .desc .avatar { visibility: hidden; margin-left: -60px; margin-right: 0; } }
.item-list ul li .pic { position: relative; overflow: hidden; }
.item-list ul li .pic img { display: block; width: 100%; height: auto; }
.item-list ul li .pic .link-hover { top: 0; left: 0; background: rgba(244, 122, 55, 0.9); width: 100%; height: 100%; text-align: center; }
@media (max-width: 992px) { .item-list ul li .pic .link-hover { background: none; } }
.item-list ul li .pic .link-hover .get-code { display: inline-block; top: 50%; left: 50%; width: 100px; height: 36px; line-height: 32px; margin: -18px 0 0 -50px; border: 2px solid #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
@media (max-width: 992px) { .item-list ul li .pic .link-hover .get-code { display: none; } }
.item-list ul li .desc { margin: 7px 0 0; }
@media (max-width: 767px) { .item-list ul li .desc { background: #fff; margin: 0; padding: 7px 5px 5px 5px; } }
.item-list ul li .desc .avatar { float: left; width: 60px; height: 60px; margin-left: -60px; visibility: hidden; }
.item-list ul li .desc .avatar img { display: block; }
.item-list ul li .desc .info { line-height: 18px; }
.item-list ul li .desc .info h2 a { color: #00608d; font-size: 14px; font-weight: bold; }
.item-list ul li .desc .info h2 a:hover { color: #fd7727; }
@media (max-width: 767px) { .item-list ul li .desc .info h2 a:hover { color: #00608d; } }
.item-list ul li .desc .info .txt { color: #888; }
.item-list ul li .desc .info .num { margin-top: 2px; color: #888; }
.item-list ul li .desc .info .num span { font-size: 16px; font-weight: bold; }
.item-list ul li .desc .info .ico { bottom: 0; right: 0; }
.item-list ul li .desc .info .ico.mb:before { content: "\f10b"; color: #888; font-size: 20px; }
.item-list ul li .desc .info .ico.ds:before { content: "\f108"; color: #888; font-size: 15px; }
.item-list ul li .desc .info .ico.mb-ds:before { content: "\f108"; color: #888; font-size: 15px; margin-right: 6px; }
.item-list ul li .desc .info .ico.mb-ds:after { content: "\f10b"; color: #888; font-size: 20px; }

.item-list2 { margin-right: -35px; }
@media (max-width: 767px) { .item-list2 { margin-right: -10px; } }
.item-list2 li { padding: 0 35px 0 0; margin-bottom: 15px; }
@media (max-width: 767px) { .item-list2 li { padding: 0 10px 0 0; } }
.item-list2 li .lb { bottom: 17px; right: -45px; width: 160px; height: 36px; line-height: 36px; color: #fff; font-size: 13px; text-align: center; font-weight: bold; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
@media (max-width: 767px) { .item-list2 li .lb { bottom: 8px; right: -50px; width: 140px; height: 25px; line-height: 25px; font-size: 10px; } }
.item-list2 li .d-lb { bottom: 0; left: -3px; z-index: 2; background: #0692d4; height: 29px; line-height: 26px; padding: 0 12px; color: #fff; font-size: 14px; }
@media (max-width: 767px) { .item-list2 li .d-lb { left: 0; width: 100%; } }
.item-list2 li .d-lb strong { font-size: 16px; font-weight: 900; }
.item-list2 li .d-lb:before { content: ""; bottom: -3px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 3px 3px 0; border-color: transparent #0077af transparent transparent; }
@media (max-width: 767px) { .item-list2 li .d-lb:before { display: none; } }
@media (max-width: 767px) { .item-list2 li .pic { padding-bottom: 29px; } }
.item-list2 li .pic a { display: block; overflow: hidden; }
.item-list2 li .pic a img { display: block; width: 100%; }
.item-list2 li .detail { background: #fff; height: 127px; padding: 6px 4px 0 8px; border: 1px solid #eee; border-top: 0; overflow: hidden; }
@media (max-width: 767px) { .item-list2 li .detail { height: 130px; padding-left: 4px; padding-right: 2px; } }
.item-list2 li .detail .d-box { height: 88px; overflow: hidden; }
@media (max-width: 767px) { .item-list2 li .detail .d-box { height: 84px; } }
.item-list2 li .detail h2 { max-height: 40px; overflow: hidden; }
@media (max-width: 767px) { .item-list2 li .detail h2 { max-height: 36px; } }
.item-list2 li .detail h2 a { line-height: 20px; font-size: 16px; font-weight: 500; }
@media (max-width: 767px) { .item-list2 li .detail h2 a { line-height: 18px; font-size: 14px; } }
.item-list2 li .detail .desc { max-height: 36px; line-height: 18px; margin-top: 3px; color: #989898; overflow: hidden; }
.item-list2 li .detail .date .tt { color: #888; font-size: 11px; font-weight: 500; text-transform: uppercase; }
@media (max-width: 992px) { .item-list2 li .detail .date .tt { font-size: 10px; } }
@media (max-width: 767px) { .item-list2 li .detail .date .tt { display: block; margin-bottom: 4px; } }
.item-list2 li .detail .date .f-date, .item-list2 li .detail .date .t-date { font-size: 16px; font-style: italic; font-weight: 900; }
@media (max-width: 992px) { .item-list2 li .detail .date .f-date, .item-list2 li .detail .date .t-date { font-size: 13px; } }
@media (max-width: 767px) { .item-list2 li .detail .date .f-date, .item-list2 li .detail .date .t-date { font-size: 11px; } }
.item-list2 li .detail .date .f-date { color: #46bf83; }
.item-list2 li .detail .date .t-date { color: #fd7727; }
.item-list2 li .detail .date .space { margin: 0 2px; color: #888; font-size: 16px; font-weight: 900; }
@media (max-width: 767px) { .item-list2 li .detail .date .space { margin: 0; font-size: 12px; } }
.item-list2 li:hover .detail { background: #f6f6f6; }
.item-list2 li.opensoon .pic { padding-bottom: 0; }
.item-list2 li.opensoon .lb { background: #ffba00; }
@media (max-width: 767px) { .item-list2 li.opensoon .lb { bottom: 10px; right: -47px; font-size: 9px; } }
@media (max-width: 767px) { .item-list2 li.end .pic { padding-bottom: 0; } }
.item-list2 li.end .lb { z-index: 2; background: #333; }
.item-list2 li.end img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.item-list2 li.end .detail .d-box h2 a, .item-list2 li.end .detail .date .f-date, .item-list2 li.end .detail .date .t-date { color: #888; }

.item-list3 ul li { padding: 0 8px; margin-bottom: 15px; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; }
@media (max-width: 767px) { .item-list3 ul li { padding: 0 4px; margin-bottom: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } }
.item-list3 ul li .shadow { z-index: 2; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; overflow: hidden; }
@media (max-width: 767px) { .item-list3 ul li .shadow { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: inherit; } }
.item-list3 ul li .ibox { padding: 5px; border: 1px solid #e6e6e6; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; overflow: hidden; }
@media (max-width: 767px) { .item-list3 ul li .ibox { padding: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } }
.item-list3 ul li .border { border: 1px solid transparent; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; overflow: hidden; }
@media (max-width: 767px) { .item-list3 ul li .border { border: 0; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; } }
.item-list3 ul li .pic img { display: block; width: 100%; height: auto !important; }
.item-list3 ul li .lb { display: none; top: 2px; left: -26px; width: 83px; height: 30px; line-height: 34px; color: #fff; font-size: 14px; text-align: center; text-transform: uppercase; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
@media (max-width: 767px) { .item-list3 ul li .lb { display: none !important; } }
.item-list3 ul li .lb:before { text-transform: uppercase; }
.item-list3 ul li h2 { height: 38px; padding: 0 5px; margin: 5px 0 10px; overflow: hidden; }
@media (max-width: 767px) { .item-list3 ul li h2 { display: none; } }
.item-list3 ul li h2 a { display: block; line-height: 18px; color: #888; font-size: 15px; text-align: center; font-weight: normal; }
.item-list3 ul li:hover .shadow, .item-list3 ul li.select .shadow { box-shadow: 0 0 30px rgba(253, 210, 61, 0.8); -moz-box-shadow: 0 0 30px rgba(253, 210, 61, 0.8); -webkit-box-shadow: 0 0 30px rgba(253, 210, 61, 0.8); }
.item-list3 ul li:hover .ibox, .item-list3 ul li.select .ibox { background: #fedd86; padding: 4px; border: 2px solid #f6dd69; box-shadow: inset 0 0 6px rgba(254, 252, 224, 0.8); -moz-box-shadow: inset 0 0 6px rgba(254, 252, 224, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(254, 252, 224, 0.8); }
@media (max-width: 767px) { .item-list3 ul li:hover .ibox, .item-list3 ul li.select .ibox { padding: 0; border-width: 1px; } }
.item-list3 ul li:hover .border, .item-list3 ul li.select .border { background: #fed037; border-color: #fcc124; box-shadow: inset 0 0 5px rgba(251, 172, 1, 0.6); -moz-box-shadow: inset 0 0 5px rgba(251, 172, 1, 0.6); -webkit-box-shadow: inset 0 0 5px rgba(251, 172, 1, 0.6); }
.item-list3 ul li:hover h2 a, .item-list3 ul li.select h2 a { color: #86581b; }
.item-list3 ul li.hot .lb { display: block; background: #fd7727; }
.item-list3 ul li.new .lb { display: block; background: #66d7d1; }

.game-list li { width: 50%; padding: 10px 15px; }
@media (max-width: 480px) { .game-list li { width: 100%; } }
.game-list li .pic { width: 55px; height: 55px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
.game-list li .pic img { width: 100%; height: 100%; }
.game-list li .detail { margin-left: 65px; }
.game-list li .detail h3 { height: 38px; margin: -2px 0 1px; overflow: hidden; }
@media (max-width: 480px) { .game-list li .detail h3 { height: auto; } }
.game-list li .detail h3 a { line-height: 19px; font-size: 16px; text-transform: uppercase; font-weight: normal; }
.game-list li .detail .rate-blck, .game-list li .detail .rate-blck span { display: inline-block; background: url(../images/ico_sprt_1.1.png) no-repeat; background-position: -58px -33px; height: 15px; }
.game-list li .detail .rate-blck { top: 1px; width: 81px; }
.game-list li .detail .rate-blck span { background-position: -58px -53px; }

/** Carousel **/
.banner-slider { position: relative; margin: 1px 0 0; }

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

.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }

.jcarousel li { width: 200px; float: left; border: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.jcarousel img { display: block; width: 100%; height: auto !important; }

/** Carousel Pagination **/
.jcarousel-pagination { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; }

.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 7px; -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C; }

.jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7; }

.vip-ico { background-position: 0 0; top: 10px; right: 10px; width: 43px; height: 14px; }

.tanthu-ico { background-position: 0 -33px; width: 51px; height: 14px; }

.seemore { display: inline-block; color: #ffbb0f; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.seemore span { top: 2px; font-size: 16px; font-weight: 300; }
.seemore:hover { color: #00608d; }

.pc-mb-ico:before { content: "\f108"; color: #888; font-size: 15px; margin-right: 6px; }
.pc-mb-ico:after { content: "\f10b"; color: #888; font-size: 20px; }

.pc-ico:before { content: "\f108"; color: #888; font-size: 15px; margin-right: 6px; }

.mb-ico:before { content: "\f10b"; color: #888; font-size: 20px; }

.breadcrumb { background: #f7f7f7; border-bottom: 1px solid #f0f0f0; }
@media (max-width: 767px) { .breadcrumb { display: none; } }
.breadcrumb ul li { margin-right: 12px; }
.breadcrumb ul li:after { content: ""; top: 20px; right: -7px; background: #555; width: 1px; height: 11px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.222); -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }
.breadcrumb ul li a { height: 44px; padding-top: 18px; color: #555; font-size: 14px; font-weight: 500; }
.breadcrumb ul li a:hover { color: #fd7727; }
.breadcrumb ul li.home a { background: #fd7727; width: 32px; padding-top: 15px; text-align: center; }
.breadcrumb ul li.home a:before { content: ""; color: #fff; font-size: 18px; }
.breadcrumb ul li.active a { font-weight: normal; }
.breadcrumb ul li:first-child:after { display: none; }
.breadcrumb ul li:last-child { margin-right: 0; }
.breadcrumb ul li:last-child:after { display: none; }
.breadcrumb.add-sticky { position: fixed; top: 67px; left: 0; z-index: 998; width: 100%; }
@media (max-width: 992px) { .breadcrumb.add-sticky { top: 60px; } }

/*--gift-history--*/
.gift-history em { font-style: italic; }
.gift-history .support-btn { display: inline-block; background: #fff; height: 28px; line-height: 28px; color: #707070; font-size: 13px; font-weight: normal; border: 1px solid #707070; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; width: 60px; text-align: center; }
.gift-history .support-btn:before { content: ""; color: #707070; font-size: 18px; }
.gift-history .support-btn:hover { background: #707070; }
.gift-history .support-btn:hover:before { color: #e1e1e1; }
.gift-history .support-btn.inactive { cursor: default; background: #e1e1e1; border-color: #eee; }
.gift-history .support-btn.inactive:before { color: #eee; }
.gift-history .support-btn.inactive:hover { background: #e1e1e1 !important; }
.gift-history .support-btn.inactive:hover:before { color: #eee !important; }
.gift-history table .code-txt { display: block; max-width: 300px; word-wrap: break-word; }
@media (max-width: 760px) { .gift-history table .code-txt { max-width: inherit; } }
.gift-history table .lnk { font-weight: bold; }
.gift-history table tr:nth-of-type(odd) .support-btn { background: #e1e1e1; }
.gift-history table tr:nth-of-type(odd) .support-btn:hover { background: #707070; }
.gift-history table th { white-space: nowrap; }
.gift-history table td .time { white-space: nowrap; }
.gift-history .seemore { display: block; height: 40px; line-height: 40px; margin: 0 -45px -10px; color: #888; text-align: center; font-weight: normal; font-size: 12px; border-top: 1px solid #eaeaea; }
@media (max-width: 969px) { .gift-history .seemore { margin: 0 -15px -10px; } }
.gift-history .seemore:hover { background: #eee; }
@media (max-width: 992px) { .gift-history .seemore:hover { background: #fff; } }
@media (max-width: 760px) { .gift-history table, .gift-history thead, .gift-history tbody, .gift-history th, .gift-history td, .gift-history tr { display: block; }
  .gift-history thead tr { position: absolute; top: -9999px; left: -9999px; }
  .gift-history td { position: relative; padding-left: 120px !important; }
  .gift-history td:before { position: absolute; top: 6px; left: 6px; width: 100px; padding-right: 10px; white-space: nowrap; } }

.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-style: italic; }
@media (max-width: 760px) { .update-your-info .form-group .frms .cmnd-note { display: none; } }

.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 { margin-top: -13px; font-size: 50px; }
.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; margin-top: 0; margin-right: 15px; color: #000; }
.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; } }

.tooltip { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 8; top: 64px; right: 0; background: #21c393; width: 160px; line-height: 18px; padding: 10px 7px 12px 10px; color: #fff; font-size: 13px; text-align: left; }
@media (max-width: 767px) { .tooltip { top: 56px; width: 100%; } }
.tooltip .tt-arrow { top: -10px; left: 0; float: left; width: 100%; height: 10px; }
.tooltip .tt-arrow:before { top: 2px; right: 37px; border-width: 0 6px 8px 6px; border-color: transparent transparent #21c393 transparent; }
.tooltip .tt-close-btn { top: -9px; right: -8px; z-index: 2; float: left; width: 20px; height: 20px; text-align: center; }
.tooltip .tt-close-btn:before { content: ""; color: #666; font-size: 14px; }
.tooltip .tt-close-btn:hover:before { color: #999; }

/*Loading icon
---------------------------*/
.zmloading32, .zmloading48, .zmloading64, .zmloading128 { text-align: center; padding: 0; font-style: italic; color: #aaa; }

.zmloading32 em, .zmloading48 em, .zmloading64 em, .zmloading128 em { display: inline-block; vertical-align: middle; background-position: center center; }

.zmloading32 span, .zmloading48 span, .zmloading64 span, .zmloading128 span { margin-left: 5px; }

.zmloading32 em { background-image: url(../images/loading/loading_32.gif); width: 32px; height: 16px; }

.zmloading48 em { background-image: url(../images/loading/loading_48.gif); width: 48px; height: 18px; }

.zmloading64 em { background-image: url(../images/loading/loading_64.gif); width: 64px; height: 24px; }

.zmloading64.lbxphoto em { background-image: url(../images/loading/loading_photolbx_64.gif); }

.zmloading128 em { background-image: url(../images/loading/loading_128.gif); width: 128px; height: 38px; }

.zmloading { width: 32px; height: 16px; display: inline-block; margin-right: 5px; background: url(../images/loading/loading_32.gif) no-repeat 0 0; vertical-align: -4px; }

.tabs-block { margin-top: 20px; border-bottom: 1px solid #dbdbdb; }
@media (max-width: 767px) { .tabs-block { margin: 0 -10px; } }
@media (max-width: 767px) { .tabs-block .tabs-menu { width: 100%; } }
.tabs-block .tabs-menu li { margin-right: 2px; }
@media (max-width: 767px) { .tabs-block .tabs-menu li { width: 33.333%; margin-right: 0; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; } }
.tabs-block .tabs-menu li a { background: #f1f1f1; height: 40px; line-height: 40px; padding: 0 14px; color: #555; text-transform: uppercase; font-weight: bold; }
@media (max-width: 767px) { .tabs-block .tabs-menu li a { background: #fff; width: 100%; padding: 0; text-align: center; font-size: 12px; } }
.tabs-block .tabs-menu li.active a { background: #fd7727; color: #fff; }
@media (max-width: 767px) { .tabs-block .tabs-menu li:last-child { border-right: 0; } }
.tabs-block .search { height: 40px; padding: 4px 0 0 32px; /*Placeholder text color*/ }
@media (max-width: 767px) { .tabs-block .search { width: 100%; padding-left: 37px; } }
.tabs-block .search:before { content: ""; top: 11px; left: 0; font-size: 19px; color: #555; }
@media (max-width: 767px) { .tabs-block .search:before { left: 11px; } }
.tabs-block .search input { width: 295px; line-height: 22px; padding: 5px 0; font-size: 16px; font-weight: 400; border: 0; outline: none; }
@media (max-width: 767px) { .tabs-block .search input { width: 100%; padding: 5px 5px 5px 0; font-size: 13px; font-weight: normal; } }
.tabs-block .search input::-webkit-input-placeholder { color: #555; }
.tabs-block .search input:-moz-placeholder { color: #555 !important; }
.tabs-block .search input::-moz-placeholder { color: #555 !important; }
.tabs-block .search input::-ms-input-placeholder { color: #555; }
.tabs-block .search input:focus::-webkit-input-placeholder { color: #555; }
.tabs-block .search input:focus:-moz-placeholder { color: #555 !important; }
.tabs-block .search input:focus::-moz-placeholder { color: #555 !important; }
.tabs-block .search input:focus::-ms-input-placeholder { color: #555; }

.filter-block { border-bottom: 1px solid #efefef; }
@media (max-width: 767px) { .filter-block { margin-left: -10px; margin-right: -10px; border-bottom: 0; } }
.filter-block h2 { line-height: 40px; padding: 0 25px 0 40px; color: #555; font-size: 14px; font-weight: 800; text-transform: uppercase; border-left: 1px solid #efefef; border-right: 1px solid #efefef; }
@media (max-width: 767px) { .filter-block h2 { display: none; } }
.filter-block h2:before { content: ""; top: 11px; left: 12px; font-size: 17px; }
.filter-block .uiselector { z-index: 7; }
@media (max-width: 767px) { .filter-block .uiselector { width: 100%; border-bottom: 1px solid #efefef; } }
.filter-block .uiselector .select-click { border-width: 0 1px 0 0; }
@media (max-width: 767px) { .filter-block .uiselector .select-click { font-size: 12px; font-weight: bold; text-transform: uppercase; } }
@media (max-width: 767px) { .filter-block .uiselector .select-option { position: static; top: auto; left: auto; width: 100%; border-bottom: 0; } }

.detail-wrap { margin-top: 20px; }
.detail-wrap .big-img-view .pic { overflow: hidden; }
.detail-wrap .big-img-view .lb { top: 7px; left: -36px; width: 125px; height: 40px; line-height: 41px; color: #fff; font-size: 14px; text-align: center; font-weight: bold; text-transform: uppercase; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.detail-wrap .big-img-view.empty .sale { background: #333 !important; }
.detail-wrap .big-img-view.empty .lb { z-index: 2; background: #333; }
.detail-wrap .big-img-view.empty img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.detail-wrap .big-img-view.new .lb { display: none; background: #00c775; }
.detail-wrap .big-img-view.opensoon .lb { background: #f9cb41; }
.detail-wrap .big-img-view.special .lb { background: #dd1c03; }
.detail-wrap .dt-title { line-height: normal; margin: -8px 0 12px; font-size: 24px; font-weight: 400; }
@media (max-width: 767px) { .detail-wrap .dt-title { margin: -5px 0 0; padding-bottom: 0; font-size: 18px; border-bottom: 0; } }
.detail-wrap .dt-title a { color: #333; }
.detail-wrap .dt-title a:hover { color: #fd7727; }
.detail-wrap .share-block { padding-bottom: 8px; margin-bottom: 22px; border-bottom: 1px solid #eee; }
@media (max-width: 767px) { .detail-wrap .share-block { margin-bottom: 0; padding-top: 14px; border-bottom: 0; } }
.detail-wrap .share-block li { margin-right: 15px; margin-bottom: 10px; }
.detail-wrap .share-block li a:before { margin-right: 3px; }
.detail-wrap .share-block li.cancel-follow a:before { content: "\f058"; }
.detail-wrap .share-block li.follow a:before { content: "\f1db"; }
.detail-wrap .share-block li.share a:before { content: "\f079"; }
.detail-wrap .share-block li.invite a:before { content: "\f234"; }
.detail-wrap .share-block li.inactive a, .detail-wrap .share-block li.inactive a:hover { color: #ccc; cursor: default; }
.detail-wrap .member-list { padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid #f5f5e9; }
@media (max-width: 992px) { .detail-wrap .member-list { padding: 0 0 12px; } }
@media (max-width: 767px) { .detail-wrap .member-list { padding: 0 10px; margin: 0 0 20px; border: 0; } }
.detail-wrap .member-list .txt { line-height: 16px; margin: 23px 0 13px; font-size: 14px; font-weight: 600; }
@media (max-width: 992px) { .detail-wrap .member-list .txt { margin-top: 15px; font-size: 12px; font-weight: normal; } }
.detail-wrap .member-list ul li { margin-right: 20px; margin-bottom: 10px; }
@media (max-width: 992px) { .detail-wrap .member-list ul li { margin-right: 7px; } }
.detail-wrap .member-list ul li a { width: 50px; height: 50px; }
@media (max-width: 992px) { .detail-wrap .member-list ul li a { width: 45px; height: 45px; } }
.detail-wrap .member-list ul li a img { display: block; width: 100%; height: 100%; }
.detail-wrap .member-list ul li:last-child { margin-right: 0; }
.detail-wrap .member-list ul li.more a { background: #fff; line-height: 48px; color: #595959; font-size: 24px; text-align: center; border: 1px solid #f0f0eb; }
.detail-wrap .member-list ul li.more a:after { top: 0; right: 0; border-width: 0 10px 9px 0; border-color: transparent #fd7727 transparent transparent; }
.detail-wrap .member-list ul li.more a:hover { background: #fd7727; color: #fff; }
.detail-wrap .member-list ul li.more a:hover:after { border-color: transparent #fff transparent transparent; }
@media (max-width: 767px) { .detail-wrap .game-info { margin: 0 -10px; } }
.detail-wrap .game-info .lside { padding: 0 30px 0 0; border-right: 1px solid #f5f5e9; }
@media (max-width: 767px) { .detail-wrap .game-info .lside { padding: 0; border-right: 0; } }
.detail-wrap .game-info .lside .pic img { display: block; width: 100%; height: auto; }
.detail-wrap .game-info .lside .check-follow { margin: 15px 0 18px; padding-bottom: 20px; color: #555; font-size: 14px; font-weight: bold; border-bottom: 1px solid #f5f5e9; }
@media (max-width: 767px) { .detail-wrap .game-info .lside .check-follow { margin: 5px 10px 15px; padding: 0; font-size: 12px; font-weight: normal; border-bottom: 0; } }
.detail-wrap .game-info .lside .check-follow label .checkbox { margin-left: 0; }
.detail-wrap .game-info .lside .check-follow input[type="checkbox"]:checked + label span.checkbox { border-color: #888; }
.detail-wrap .game-info .lside .check-follow input[type="checkbox"]:checked + label span.checkbox:before { right: 1px; color: #888; }
.detail-wrap .game-info .lside .gm-info { margin-top: 18px; }
@media (max-width: 767px) { .detail-wrap .game-info .lside .gm-info { margin: 0; padding: 0 10px; } }
.detail-wrap .game-info .lside .gm-info .gm-title { font-size: 16px; }
@media (max-width: 767px) { .detail-wrap .game-info .lside .gm-info .gm-title { font-size: 14px; } }
.detail-wrap .game-info .lside .gm-info .gm-desc { margin: 17px 0; }
@media (max-width: 767px) { .detail-wrap .game-info .lside .gm-info .gm-desc { margin: 15px 0 20px; } }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left { margin-right: 115px; }
@media (max-width: 992px) { .detail-wrap .game-info .lside .gm-info .gm-desc .gm-left { margin-right: 0; } }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-pic { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 70px; height: 70px; overflow: hidden; }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-pic img { width: 100%; height: 100%; }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail { line-height: 18px; margin-left: 80px; color: #555; }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .txt { margin-bottom: 7px; }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .txt strong { font-weight: bold; }
@media (max-width: 992px) { .detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .gm-rate { margin-bottom: 10px; } }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .gm-rate strong { font-size: 14px; font-weight: bold; }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .gm-rate .rate-blck, .detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .gm-rate .rate-blck span { display: inline-block; background: url(../images/ico_sprt_1.1.png) no-repeat; background-position: -51px 0; height: 14px; }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .gm-rate .rate-blck { top: 1px; width: 85px; margin: 0 0 0 5px; }
.detail-wrap .game-info .lside .gm-info .gm-desc .gm-left .gm-detail .gm-rate .rate-blck span { background-position: -51px -16px; }
.detail-wrap .game-info .lside .gm-info .gm-desc .play-btn { top: 0; right: 0; width: 95px; height: 32px; line-height: 28px; text-align: center; color: #00608d; font-size: 12px; text-transform: uppercase; font-weight: bold; border: 2px solid #00608d; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
@media (max-width: 992px) { .detail-wrap .game-info .lside .gm-info .gm-desc .play-btn { position: static; top: auto; right: auto; float: left; margin-left: 80px; } }
.detail-wrap .game-info .lside .gm-info .gm-desc .play-btn:hover { color: #fd7727; border-color: #fd7727; }
.detail-wrap .game-info .lside .gm-info .gm-menu li { margin-right: 24px; font-weight: bold; }
.detail-wrap .game-info .lside .gm-info .gm-menu li:after { content: "."; top: -3px; right: -14px; font-size: 16px; }
.detail-wrap .game-info .lside .gm-info .gm-menu li:last-child:after { display: none; }
.detail-wrap .game-info .lside .gm-info .gm-menu li a { color: #555; }
.detail-wrap .game-info .lside .gm-info .gm-menu li a:hover { color: #fd7727; }
.detail-wrap .game-info .lside .gm-info .gm-txt { max-height: 100px; line-height: 24px; margin-top: 7px; color: #888; overflow: hidden; }
.detail-wrap .game-info .lside .gm-info .seemore { display: none; margin-top: 2px; }
.detail-wrap .game-info .rside { padding: 0 0 0 30px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside { float: none; padding: 0; } }
.detail-wrap .game-info .rside .rs-block1 { padding: 0 0 18px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 { position: relative; padding: 0; border: 0; } }
.detail-wrap .game-info .rside .rs-block1 .amount-gift { font-size: 14px; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift { float: none; margin-bottom: 20px; } }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift { position: absolute; top: -40px; left: 0; background: rgba(0, 0, 0, 0.7); float: left; width: 100%; height: 40px; line-height: 40px; margin: 0; color: #888; text-align: center; } }
.detail-wrap .game-info .rside .rs-block1 .amount-gift .txt1 { margin-bottom: 12px; color: #888; font-weight: bold; text-transform: uppercase; text-align: right; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift .txt1 { text-align: left; } }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift .txt1 { display: inline; text-align: center; text-transform: none; font-weight: normal; } }
.detail-wrap .game-info .rside .rs-block1 .amount-gift .txt1 span { color: #555; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift .txt1 span { color: #999; font-size: 16px; font-weight: bold; } }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift .txt1:after { content: "|"; position: relative; top: -1px; padding: 0 5px 0 8px; } }
.detail-wrap .game-info .rside .rs-block1 .amount-gift .txt2 { background: #00608d; padding: 8px 15px; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift .txt2 { float: none; display: inline-block; } }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift .txt2 { display: inline; background: none; padding: 0; color: #888; text-align: center; } }
.detail-wrap .game-info .rside .rs-block1 .amount-gift .txt2 span { display: block; margin-top: 5px; font-size: 22px; font-weight: 900; text-align: center; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift .txt2 span { display: inline; color: #fd7727; } }
.detail-wrap .game-info .rside .rs-block1 .amount-gift.off { margin-top: 20px; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift.off { margin-top: 0; } }
.detail-wrap .game-info .rside .rs-block1 .amount-gift.off .txt1 { color: #fd7727; font-size: 18px; font-weight: 900; text-transform: none; }
.detail-wrap .game-info .rside .rs-block1 .amount-gift.off .txt2 { display: inline-block; background: #fff; height: 40px; line-height: 36px; color: #999; font-size: 12px; font-weight: bold; border: 2px solid #999; text-transform: uppercase; padding: 0 15px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 .amount-gift.off .txt2 { display: inline; background: none; height: auto; line-height: inherit; padding: 0; border: 0; } }
.detail-wrap .game-info .rside .rs-block1 .kind-code { line-height: 24px; margin: -6px 0 0; color: #555; font-size: 14px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .rs-block1 .kind-code { float: none; padding: 0 10px; margin-bottom: 20px; font-size: 13px; } }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt strong { display: inline-block; width: 80px; font-weight: bold; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt .vip-ico { position: static; top: auto; right: auto; display: inline-block; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode strong, .detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .vip-ico, .detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .pc-mb-ico, .detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .pc-ico, .detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .mb-ico { float: left; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .vip-ico, .detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .tanthu-ico { margin: 6px 0 0 7px; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .pc-mb-ico, .detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .pc-ico { margin: 2px 0 0 17px; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.kcode .mb-ico { margin: 3px 0 0 17px; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose { margin-top: 7px; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose strong { float: left; line-height: 32px; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector { z-index: 2; margin: 0 0 0 7px; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector:hover .select-option { display: none; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-click { height: 25px; line-height: 22px; padding-left: 8px; font-weight: normal; border-color: #d7d7d7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-click:after { background: #ebebeb; width: 25px; height: 23px; padding: 4px 0 0; font-size: 15px; color: #555; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-option { top: 24px; width: 100%; margin: 0; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-option li { list-style-type: none; height: auto; padding: 0; margin: 0; border-bottom: 1px solid #625f5b; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-option li:first-child { border-top: 0; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-option li a { display: block; background: #524f4a; line-height: 18px; padding: 10px; color: #fff; font-size: 13px; font-weight: normal; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-option li a:hover { background: #403d39; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-option li:first-child a { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-option li:last-child { border-bottom: 0; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector .select-option li:last-child a { border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; }
.detail-wrap .game-info .rside .rs-block1 .kind-code .txt.server-choose .uiselector.open .select-option { display: block; }
.detail-wrap .game-info .rside .conditions-block { background: #fff; width: 100%; margin-bottom: 30px; border: 1px solid #e5edf1; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .conditions-block { border: 0; } }
.detail-wrap .game-info .rside .conditions-block .check-box { background: #fff; width: 160px; min-height: 165px; padding: 15px; text-align: center; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .conditions-block .check-box { float: none; width: 100%; min-height: inherit; } }
.detail-wrap .game-info .rside .conditions-block .check-box:before { content: ""; top: 30px; left: -8px; width: 0; height: 0; border-style: solid; border-width: 7px 8px 7px 0; border-color: transparent #fff transparent transparent; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .conditions-block .check-box:before { top: auto; left: 30px; bottom: -8px; border-width: 8px 7px 0 7px; border-color: #fff transparent transparent transparent; } }
.detail-wrap .game-info .rside .conditions-block .check-box .btn-row { padding-bottom: 15px; }
.detail-wrap .game-info .rside .conditions-block .check-box .btn-row a { width: 100%; display: inline-block; background: #fff; height: 40px; line-height: 36px; color: #fd7727; font-size: 13px; font-weight: bold; border: 2px solid #fd7727; text-transform: uppercase; padding: 0 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.detail-wrap .game-info .rside .conditions-block .check-box .btn-row.inactive a { color: #999; border-color: #999; cursor: default; }
.detail-wrap .game-info .rside .conditions-block .check-box .finish-percent .txt { color: #333; font-size: 14px; }
.detail-wrap .game-info .rside .conditions-block .check-box .finish-percent .num { margin: 10px 0 14px; color: #555; font-size: 30px; }
.detail-wrap .game-info .rside .conditions-block .check-box .finish-percent .num span { color: #21c393; }
.detail-wrap .game-info .rside .conditions-block .check-box .side-bar { background: #e9e9e9; width: 100%; height: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
.detail-wrap .game-info .rside .conditions-block .check-box .side-bar .percent { background: #21c393; height: 6px; }
.detail-wrap .game-info .rside .conditions-block .code-conditions { font-size: 14px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .conditions-block .code-conditions { font-size: 13px; } }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lbox { background: #eef3f5; min-height: 165px; padding: 10px 15px 8px; margin-right: 160px; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .conditions-block .code-conditions .lbox { margin-right: 0; min-height: inherit; } }
.detail-wrap .game-info .rside .conditions-block .code-conditions .cc-title { border-bottom: 1px solid #e4ecf0; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .cc-title h2 { line-height: normal; margin: 3px 0 12px; color: #333; font-size: 16px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .conditions-block .code-conditions .cc-title h2 { margin: 0 0 10px; } }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk { display: block; line-height: 18px; padding: 9px 10px 9px 0; color: #555; font-weight: normal; border-bottom: 1px solid #e4ecf0; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk em { font-style: italic; font-weight: normal; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk select { margin-left: 5px; color: #555; font-size: 13px; font-weight: normal; border: 1px solid #ddd; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk > a, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk .list-server a { color: #333; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk > a:hover, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk .list-server a:hover { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk .list-server .play { display: none; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk:hover { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk:last-child { border-bottom: 0; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait { padding-right: 20px; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait > a { color: #00608d; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait > a:hover { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait > a:hover a { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait > a:after { content: ""; top: 10px; right: 0; font-size: 16px; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait .list-server > a { color: #00608d; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait .list-server .play { display: none; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait .list-server:after { content: ""; top: 11px; right: 0; font-size: 16px; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait .list-server:hover:after, .detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.wait .list-server:hover a { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish { padding-right: 20px; text-decoration: line-through !important; cursor: default; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish > a { color: #888; cursor: default; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish > a:after { content: ""; top: 10px; right: 0; font-size: 16px; color: #21c393; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish .list-server select { color: #ccc; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish .list-server a { color: #888; cursor: default; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish .list-server .play { display: none; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.finish .list-server:after { content: ""; top: 11px; right: 0; font-size: 16px; color: #21c393; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action { padding-right: 80px; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action > a { display: block; color: #333; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action > a:after { top: 9px; right: 0; background: #00608d; line-height: 11px; padding: 5px 6px 4px; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: bold; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action > a:hover { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action > a:hover:after { background: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action > a:hover .list-server a { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action > a:hover .list-server .play { color: #fff; background: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action .list-server a { color: #333; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action .list-server a:hover { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action .list-server .play { display: block; z-index: 2; top: 10px; right: 0; background: #00608d; line-height: 11px; padding: 5px 6px 4px; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: bold; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action .list-server .play:hover { color: #fff; background: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action .list-server:hover .play { color: #fff; background: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .code-conditions .lnk.action .list-server:hover a { color: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions { width: 100%; margin: 0; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .check-box .btn-row a { background: #fd7727; color: #fff; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .lbox { background: #eef3f5; min-height: 165px; padding: 10px 30px 8px 15px; margin-right: 160px; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .conditions-block .complete-conditions .lbox { min-height: inherit; margin-right: 0; padding-bottom: 15px; } }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .avatar { background: url(../images/img_sprt_1.6.png) no-repeat; background-position: 0 0; float: left; width: 87px; height: 87px; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .notify { margin-left: 100px; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .notify .txt1 { line-height: 24px; margin: 10px 0 5px; color: #555; font-size: 16px; font-weight: 600; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .notify .txt2 { line-height: 18px; color: #ff3c00; font-size: 13px; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .notify .txt2 span { font-weight: bold; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .notify .check-follow { margin-top: 3px; color: #888; font-size: 13px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .conditions-block .complete-conditions .notify .check-follow { margin: 5px 10px 15px 0; } }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .notify .check-follow input[type="checkbox"] + label span.checkbox { position: relative; top: -1px; width: 12px; height: 12px; margin: 7px 4px 0 0; }
.detail-wrap .game-info .rside .conditions-block .complete-conditions .notify .check-follow input[type="checkbox"]:checked + label span.checkbox:before { top: 0; right: -1px; }
.detail-wrap .game-info .rside .conditions-block .no-more .lbox { min-height: inherit; margin-right: 0; }
.detail-wrap .game-info .rside .conditions-block .no-more .lbox .notify { display: table; height: 80px; margin-left: 100px; }
.detail-wrap .game-info .rside .conditions-block .no-more .lbox .notify .txt1 { display: table-cell; height: 80px; vertical-align: middle; line-height: normal; color: #555; font-size: 16px; font-weight: 600; }
.detail-wrap .game-info .rside .conditions-block .no-more .lbox .avatar { background-position: -181px 0 !important; }
.detail-wrap .game-info .rside .conditions-block .your-code { background: #eef3f5; padding: 15px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .conditions-block .your-code { background: none; padding-bottom: 0; } }
.detail-wrap .game-info .rside .conditions-block .your-code > h3 { line-height: 18px; margin: 0 0 7px; color: #555; font-size: 14px; font-weight: normal; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .conditions-block .your-code > h3 { margin: 0 0 9px; } }
.detail-wrap .game-info .rside .conditions-block .your-code .note { line-height: normal; margin-top: 10px; color: #ff3c00; font-size: 13px; }
.detail-wrap .game-info .rside .conditions-block .your-code .note span { font-weight: bold; }
.detail-wrap .game-info .rside .conditions-block .your-code .code .cd { background: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 12px; padding: 8px 10px 6px; color: #555; font-size: 22px; font-weight: bold; word-wrap: break-word; border: 1px solid #ddd; }
.detail-wrap .game-info .rside .conditions-block .your-code .code .btns .btn { display: inline-block; background: #00608d; height: 40px; line-height: 40px; color: #fff; font-size: 13px; font-weight: bold; border: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; padding: 0 15px; }
.detail-wrap .game-info .rside .conditions-block .your-code .code .btns .btn:hover { background: #fd7727; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .conditions-block .your-code .code .btns .btn { width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } }
.detail-wrap .game-info .rside .conditions-block .your-code .code .btns .btn.grey { background: #403d39; margin-left: 15px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .conditions-block .your-code .code .btns .btn.grey { margin-left: 0; margin-top: 10px; } }
.detail-wrap .game-info .rside .conditions-block .your-code .code .btns .btn.grey:hover { background: #fd7727; }
.detail-wrap .game-info .rside .conditions-block .your-code .links { line-height: 18px; padding: 15px 0 0; }
.detail-wrap .game-info .rside .conditions-block .your-code .links > a { display: block; padding-left: 12px; margin-bottom: 6px; color: #fd7727; font-size: 13px; font-weight: 500; }
.detail-wrap .game-info .rside .conditions-block .your-code .links > a:hover { color: #00608d; }
.detail-wrap .game-info .rside .conditions-block .your-code .links > a span { color: #555; }
.detail-wrap .game-info .rside .conditions-block .your-code .links > a:last-child { margin-bottom: 0; }
.detail-wrap .game-info .rside .conditions-block .your-code .links > a:before { content: ""; top: 2px; left: 0; font-size: 14px; }
.detail-wrap .game-info .rside .gift-tabs { margin: 15px 0 30px; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .gift-tabs { padding: 0 10px; margin-top: 0; } }
.detail-wrap .game-info .rside .gift-tabs .tab-menu { border-bottom: 1px solid #b9bdbd; }
.detail-wrap .game-info .rside .gift-tabs .tab-menu li { margin-right: 30px; font-size: 14px; font-weight: bold; }
.detail-wrap .game-info .rside .gift-tabs .tab-menu li a { display: block; line-height: 30px; color: #b9bdbd; text-transform: uppercase; }
.detail-wrap .game-info .rside .gift-tabs .tab-menu li.active { margin-bottom: -1px; border-bottom: 3px solid #515959; }
.detail-wrap .game-info .rside .gift-tabs .tab-menu li.active a { color: #515959; }
.detail-wrap .game-info .rside .gift-tabs .tab-content { position: relative; }
.detail-wrap .game-info .rside .gift-tabs .tab-content > li { visibility: hidden; height: 0; line-height: 22px; overflow: hidden; }
.detail-wrap .game-info .rside .gift-tabs .tab-content > li.active { visibility: visible; height: auto; padding: 15px; border: 1px solid #eee; border-top: 0; }
.detail-wrap .game-info .rside .gift-tabs .tab-content > li img { display: block; max-width: 100%; height: auto !important; }
.detail-wrap .game-info .rside .gift-tabs .tab-content > li p { margin-bottom: 8px; }
.detail-wrap .game-info .rside .gift-tabs .tab-content > li p:last-child { margin-bottom: 0; }
.detail-wrap .game-info .rside .gift-tabs .tab-content > li .tc_btn { margin-top: 2px; text-align: right; }
.detail-wrap .game-info .rside .gift-tabs .tab-content > li a { transition: none; -moz-transition: none; -webkit-transition: none; }
.detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc { list-style-type: none; margin-bottom: 10px; }
.detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li { width: 33.333%; margin: 0 0 10px; padding: 0; }
@media (min-width: 1200px) { .detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li:nth-child(3n+1) { clear: both; } }
@media (min-width: 480px) and (max-width: 1200px) { .detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li { width: 50%; }
  .detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li:nth-child(2n+1) { clear: both; } }
@media (max-width: 479px) { .detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li { width: 100%; } }
.detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li .pic { width: 52px; height: 52px; margin: 0; }
.detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li .pic img { width: 100%; height: 100%; }
.detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li .g-detail { margin: 0 10px 0 62px; color: #555; }
.detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li .g-detail h2 { font-size: 14px; }
.detail-wrap .game-info .rside .gift-tabs .tab-content .game-desc li .g-detail .amount { font-size: 12px; }
.detail-wrap .game-info .rside .gift-tabs .tab-content-detail .tc-detail { max-height: 205px; overflow: hidden; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .gift-tabs .tab-content-detail .tc-detail { max-height: none !important; } }
.detail-wrap .game-info .rside .gift-tabs .tab-content-detail .tc_btn { display: none; }
@media (max-width: 767px) { .detail-wrap .game-info .rside .gift-tabs .tab-content-detail .tc_btn { display: none !important; } }
@media (max-width: 992px) { .detail-wrap .game-info .rside .fb-comment { display: none; } }
.detail-wrap .game-info .rside .fb-comment > h2 { padding-bottom: 10px; color: #515959; font-size: 14px; text-transform: uppercase; }
.detail-wrap .game-info .rside .fb-comment .content { background: #fafafa; padding: 5px; border: 1px solid #eee; border-top-color: #b9bdbd; }
@media (max-width: 992px) { .detail-wrap .game-info .rside .fb-comment .content { padding-right: 0; } }
.detail-wrap .game-info .rside .fb-comment .content body { background: none !important; }
.detail-wrap .game-info .rside .fb-comment .content .mobilePluginComments { border: 0 !important; }
.detail-wrap .game-info .rside .fb-comment .content .mobilePluginCommentsHeader { background: none !important; border: 0 !important; }
.detail-wrap .game-info .rside .fb-comment .content .aclb { background: none !important; }
.detail-wrap .game-info .rside .fb-comment .content .fb-comments, .detail-wrap .game-info .rside .fb-comment .content .fb_iframe_widget span, .detail-wrap .game-info .rside .fb-comment .content .fb_iframe_widget iframe { max-width: 100%; }
@media (max-width: 767px) { .detail-wrap .item-list { padding-top: 0; margin-top: 20px; } }
.detail-wrap .item-list > h2 { padding-top: 27px; margin-bottom: 18px; font-size: 16px; border-top: 1px solid #ebebd3; }
@media (max-width: 767px) { .detail-wrap .item-list > h2 { padding: 14px 0 0; margin-bottom: 15px; font-size: 14px; border: 0; } }

@media (max-width: 767px) { .regulation { margin-bottom: 30px; } }
.regulation .tabs-menu { background: #256197 url(../images/regulation_bg.jpg) top center no-repeat; padding-top: 180px; border-bottom: 1px solid #00567f; }
@media (max-width: 767px) { .regulation .tabs-menu { background: none; padding-top: 10px; border-bottom-color: #dbdbdb; }
  .regulation .tabs-menu .container { padding: 0; } }
.regulation .tabs-menu .tmenu { bottom: -1px; }
.regulation .tabs-menu .tmenu > li a { border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; height: 50px; line-height: 48px; padding: 0 30px; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: normal; border: 1px solid rgba(0, 86, 127, 0); border-bottom: none; }
@media (max-width: 767px) { .regulation .tabs-menu .tmenu > li a { width: 100%; text-align: center; color: #515959; font-size: 13px; font-weight: bold; border: 0; } }
.regulation .tabs-menu .tmenu > li.active a { background: #fff; color: #fd7727; border-color: #00567f; }
@media (max-width: 767px) { .regulation .tabs-menu .tmenu > li.active a { border: 0; border-bottom: 1px solid #00608d; } }
@media (max-width: 767px) { .regulation .tabs-menu .tmenu > li:last-child { border-right: 0; } }
.regulation .tab-content { padding: 20px 0 0; }
.regulation .tab-content .tcontent > li { display: none; }
.regulation .tab-content .tcontent > li.active { display: block; }

.list-style-1 img { max-width: 100%; height: auto; }
.list-style-1 > li { padding-bottom: 30px; margin-bottom: 25px; border-bottom: 1px solid #f0f0f0; }
.list-style-1 > li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.list-style-1 > li:nth-of-type(odd) h2 { color: #00608d; }
.list-style-1 > li h2 { color: #21c393; font-weight: normal; }
.list-style-1 > li h2 .num { top: 0; left: 0; font-size: 58px; }
@media (max-width: 767px) { .list-style-1 > li h2 .num { font-size: 30px; } }
.list-style-1 > li h2 .txt { display: block; line-height: 25px; margin: 10px 0 0 78px; font-size: 22px; }
@media (max-width: 767px) { .list-style-1 > li h2 .txt { margin: 3px 0 0 40px; font-size: 18px; } }
.list-style-1 > li .desc { line-height: 20px; margin: 10px 0 0 78px; }
@media (max-width: 767px) { .list-style-1 > li .desc { margin: 10px 0 0 0; } }
.list-style-1 > li .lst-s1 { list-style: square; margin: 10px 0 0 78px; }
@media (max-width: 767px) { .list-style-1 > li .lst-s1 { margin: 10px 0 0 0; } }
.list-style-1 > li .lst-s1 > li { line-height: 20px; margin: 0 0 10px 17px; }
.list-style-1 > li .lst-s1 > li:last-child { margin-bottom: 0; }
.list-style-1 > li .lst-s1 > li strong { font-weight: bold; }

.note-list-1 h3 { margin-top: 7px; color: #fd7727; }
.note-list-1 > ul { list-style: disc; margin: 5px 0 0 18px; }
.note-list-1 > ul > li { line-height: 20px; margin-bottom: 5px; }
.note-list-1 > ul > li:last-child { margin-bottom: 0; }

.list-style-in-1, .list-style-in-2 { list-style: disc; margin: 5px 0 0 18px; }
.list-style-in-1 > li, .list-style-in-2 > li { line-height: 20px; margin-bottom: 5px; }
.list-style-in-1 > li:last-child, .list-style-in-2 > li:last-child { margin-bottom: 0; }

.list-style-in-2 { list-style: circle; }

@media (max-width: 767px) { .guide-page { margin-bottom: 30px; } }
.guide-page .bn { background: #256197 url(../images/guide_bg.jpg) center center no-repeat; height: 180px; margin-bottom: 20px; }
@media (max-width: 767px) { .guide-page .bn { display: none; } }

.gift-page .item-list ul li .desc .info .num span { font-size: 14px; }
.gift-page .item-list ul li .desc .info .price-box { display: none; top: 0; right: 0; text-align: right; }
.gift-page .item-list ul li .desc .info .price-box .price, .gift-page .item-list ul li .desc .info .price-box .old-price { display: block; }
.gift-page .item-list ul li .desc .info .price-box .price { color: #333; font-size: 18px; font-weight: bold; }
.gift-page .item-list ul li .desc .info .price-box .old-price { color: #888; font-size: 14px; text-decoration: line-through; }
.gift-page .item-list ul li .desc .info .price-box .zmcoin_icn_16 { margin: 3px 0 0; }
.gift-page .item-list ul li .pic { border: 1px solid #eee; }
.gift-page .item-list ul li .ava { top: 6px; left: 6px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0 3px 0 rgba(25, 25, 25, 0.3); -moz-box-shadow: 0 3px 0 rgba(25, 25, 25, 0.3); -webkit-box-shadow: 0 3px 0 rgba(25, 25, 25, 0.3); border: 2px solid #fff; width: 67px; height: 67px; }
@media (min-width: 768px) and (max-width: 992px) { .gift-page .item-list ul li .ava { width: 45px; height: 45px; } }
@media (max-width: 480px) { .gift-page .item-list ul li .ava { width: 45px; height: 45px; } }
.gift-page .item-list ul li .ava img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 100%; height: 100%; }
.gift-page .item-list ul li.empty .ava { z-index: 1; }
@media (max-width: 767px) { .gift-page .tabs-block .tabs-menu li { width: 25%; } }
.gift-page .detail-wrap .game-info .big-img-view .pic { border: 1px solid #eee; }
.gift-page .detail-wrap .game-info .lside .big-img-view .sale { top: -17px; right: -17px; z-index: 5; background: #00c775; width: 67px; height: 67px; line-height: 18px; padding: 10px 0 0; color: #fff; font-size: 11px; text-align: center; text-transform: uppercase; font-weight: bold; border: 4px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
@media (max-width: 992px) { .gift-page .detail-wrap .game-info .lside .big-img-view .sale { top: -13px; right: -13px; width: 50px; height: 50px; line-height: 15px; padding: 4px 0 0; font-size: 9px; } }
@media (max-width: 767px) { .gift-page .detail-wrap .game-info .lside .big-img-view .sale { top: 10px; right: 10px; } }
.gift-page .detail-wrap .game-info .lside .big-img-view .sale .per { font-size: 18px; }
@media (max-width: 992px) { .gift-page .detail-wrap .game-info .lside .big-img-view .sale .per { font-size: 15px; } }
.gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code { width: 60%; }
@media (max-width: 992px) { .gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code { width: 100%; } }
.gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code .price-box { margin-bottom: 6px; margin-top: 6px; font-weight: bold; }
.gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code .price-box .price { color: #fd7727; font-size: 32px; }
.gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code .price-box .old-price { color: #888; font-size: 16px; text-decoration: line-through; }
.gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code .zmcoin_icn_24 { top: -3px; margin: 0 7px 0 5px; }
.gift-page .detail-wrap .game-info .rside .rs-block1 .kind-code .txt-info { line-height: 20px; margin-top: 3px; color: #555; }
.gift-page .detail-wrap .game-info .rside .conditions-block .complete-conditions .avatar { background-position: -99px 0; width: 71px; height: 81px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .complete-conditions .notify { margin-left: 95px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .complete-conditions .notify .txt1 { margin: 7px 0 5px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code h3 { margin-bottom: 15px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code .tt { margin-bottom: 5px; color: #555; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code .links .guide-title { color: #555; font-weight: bold; text-decoration: underline; margin: 13px 0 3px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code .links .guide { color: #555; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code .links .guide span { color: #fd7727; font-weight: bold; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift { padding: 0; margin: -1px; }
@media (max-width: 767px) { .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift { margin: 0; } }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift strong { font-weight: bold; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box1 { background: #ffeba3; line-height: 20px; padding: 12px 20px; font-size: 14px; font-weight: bold; border-bottom: 2px solid #fff; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 { background: #fff6c5; padding: 15px 20px 12px; font-size: 14px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .frm textarea { width: 100%; height: 70px; line-height: 18px; padding: 7px 9px; border: 1px solid #dad7bb; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .frm .note-result { bottom: 4px; right: 4px; background: #4dcfa9; line-height: 18px; padding: 4px 10px 5px; color: #fff; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .frm .frm-row { line-height: 20px; color: #555; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .frm .frm-row .title { display: inline-block; width: 80px; font-weight: bold; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .sum-cha { margin-top: 15px; color: #555; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .sum-cha span { font-weight: bold; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst { margin-top: 10px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a { display: inline-block; background: #fd7727; height: 30px; line-height: 30px; color: #fff; font-size: 13px; font-weight: bold; border: 0; min-width: 70px; padding: 0 10px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a.cancel { background: #fff; line-height: 26px; margin-right: 10px; color: #b9a768; border: 2px solid #b9a768; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a.edit { background: #fff; line-height: 26px; margin-right: 10px; color: #00608d; border: 2px solid #00608d; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a.edit:before { top: 1px; content: ""; color: #00608d; font-size: 13px; margin-right: 3px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2 .btn-row .btn-lst a.send.done:before { content: ""; color: #fff; font-size: 13px; margin-right: 3px; }
@media (min-width: 992px) { .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box2.info .btn-row .btn-lst { margin-top: -15px; } }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 { background: #fff6c5; padding: 15px 20px 12px; font-size: 14px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .txt-box { margin-right: 170px; }
@media (max-width: 767px) { .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .txt-box { margin-right: 0; } }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .txt-box .txt1 { margin-bottom: 5px; color: #555; font-size: 16px; font-weight: bold; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .txt-box .txt2 { line-height: 22px; color: #fd7727; font-size: 14px; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .txt-box .txt2 a { color: #00608d; text-decoration: underline !important; font-weight: bold; }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .btn-box { width: 140px; }
@media (max-width: 767px) { .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .btn-box { float: none; width: 100%; margin-bottom: 15px; } }
.gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .btn-box a { background: #403d39; width: 140px; height: 40px; line-height: 41px; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 767px) { .gift-page .detail-wrap .game-info .rside .conditions-block .your-code.gift .box3 .btn-box a { display: block; float: none; width: auto; } }

.general-style strong { font-weight: bold; }
.general-style ul { list-style: square; margin: 10px 0 0 0; }
.general-style ul > li { line-height: 20px; margin: 0 0 10px 17px; }
.general-style ul > li:last-child { margin-bottom: 0; }
.general-style ul > li > ul { list-style: disc; margin: 5px 0 0 0; }
.general-style ul > li > ul > li { line-height: 20px; margin-bottom: 5px; }
.general-style ul > li > ul > li:last-child { margin-bottom: 0; }
.general-style ul > li > ul > li ul { list-style: circle; }
.general-style ol { list-style: decimal; margin: 10px 0 0 0; }
.general-style ol > li { line-height: 20px; margin: 0 0 10px 19px; }
.general-style ol > li:last-child { margin-bottom: 0; }
.general-style ol > li > ol { list-style: decimal-leading-zero; margin: 5px 0 0 0; }
.general-style ol > li > ol > li { line-height: 20px; margin-bottom: 5px; margin-left: 24px; }
.general-style ol > li > ol > li:last-child { margin-bottom: 0; }
.general-style table { max-width: 100%; margin: 10px 0 0 0; line-height: 18px; }
.general-style table th { padding: 5px 7px; font-weight: bold; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.general-style table th:last-child { border-right: 1px solid #ccc; }
.general-style table td { padding: 5px 7px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.general-style table td:last-child { border-right: 1px solid #ccc; }

.event-page { padding: 3px 0 0; }
.event-page .item-list2 { margin-top: 20px; }
.event-page .ev-head { margin: 25px 0 67px; }
@media (max-width: 767px) { .event-page .ev-head { margin: 10px 0 50px; } }
.event-page .ev-head .banner img { display: block; width: 100%; height: auto !important; }
.event-page .ev-head .info { left: 0; bottom: -40px; width: 100%; padding: 0 22px; }
@media (max-width: 767px) { .event-page .ev-head .info { bottom: -23px; padding: 0 10px; } }
.event-page .ev-head .info .avatar { background: #aaa; width: 110px; height: 110px; border: 5px solid #fff; }
@media (max-width: 767px) { .event-page .ev-head .info .avatar { width: 50px; height: 50px; border-width: 2px; } }
.event-page .ev-head .info .avatar img { width: 100%; height: 100%; }
.event-page .ev-head .info .desc { margin: 27px 0 0 125px; }
@media (max-width: 992px) { .event-page .ev-head .info .desc { margin: 35px 0 0 125px; } }
@media (max-width: 767px) { .event-page .ev-head .info .desc { margin: 6px 0 0 60px; } }
.event-page .ev-head .info .desc h2 { color: #fff; font-size: 24px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media (max-width: 992px) { .event-page .ev-head .info .desc h2 { font-size: 18px; } }
@media (max-width: 767px) { .event-page .ev-head .info .desc h2 { font-size: 13px; font-weight: normal; } }
.event-page .ev-head .info .desc ul { margin-top: 28px; }
@media (max-width: 992px) { .event-page .ev-head .info .desc ul { margin-top: 27px; } }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul { margin-top: 10px; } }
.event-page .ev-head .info .desc ul li { margin-right: 30px; }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul li { width: 100%; margin-right: 0; } }
.event-page .ev-head .info .desc ul li:last-child { margin-right: 0; }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul li.date { margin-bottom: 3px; } }
.event-page .ev-head .info .desc ul li.date .tt { color: #888; font-size: 11px; font-weight: 500; text-transform: uppercase; }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul li.date .tt { font-size: 10px; } }
.event-page .ev-head .info .desc ul li.date .tt:before { content: "\f017"; color: #999; font-size: 13px; margin-right: 3px; }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul li.date .tt:before { display: none; } }
.event-page .ev-head .info .desc ul li.date .f-date, .event-page .ev-head .info .desc ul li.date .t-date { font-size: 16px; font-style: italic; font-weight: 900; }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul li.date .f-date, .event-page .ev-head .info .desc ul li.date .t-date { font-size: 14px; } }
.event-page .ev-head .info .desc ul li.date .f-date { color: #46bf83; }
.event-page .ev-head .info .desc ul li.date .t-date { color: #fd7727; }
.event-page .ev-head .info .desc ul li.date .space { margin: 0 2px; color: #888; font-size: 16px; font-weight: 900; }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul li.date .space { margin: 0; } }
.event-page .ev-head .info .desc ul li.joined .tt { color: #888; font-size: 11px; font-weight: 500; text-transform: uppercase; }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul li.joined .tt { font-size: 10px; } }
.event-page .ev-head .info .desc ul li.joined .tt:before { content: "\f0c0"; color: #999; font-size: 12px; margin-right: 5px; }
@media (max-width: 767px) { .event-page .ev-head .info .desc ul li.joined .tt:before { display: none; } }
.event-page .ev-head .info .desc ul li.joined .num { color: #555; font-size: 16px; font-weight: bold; }
.event-page .gift-list > h2 { color: #555; font-size: 18px; font-weight: normal; text-transform: uppercase; }
@media (max-width: 767px) { .event-page .gift-list > h2 { font-size: 16px; } }
.event-page .gift-list .item-list { margin: 22px 0 0; }
.event-page .gift-list .item-list .pic { border: 1px solid #eee; }
.event-page .gift-list .item-list .desc { margin: 5px 0 0; }
.event-page .gift-list .item-list .info h2 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.event-page .gift-list .item-list .info h2 a { line-height: normal; color: #555; font-size: 18px; font-weight: 500; }
@media (max-width: 767px) { .event-page .gift-list .item-list .info h2 a { font-size: 14px; } }
.event-page .gift-list .item-list .info h2 a:hover { color: #fd7727; }
.event-page .gift-list .item-list .info .num { margin-top: 1px; color: #555; font-size: 14px; }
@media (max-width: 767px) { .event-page .gift-list .item-list .info .num { font-size: 11px; } }
@media (max-width: 767px) { .event-page .tabs-block .tabs-menu li { background: none; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; } }
@media (max-width: 767px) { .event-page .tabs-block .tabs-menu li.active { border-bottom-color: #fd7727; } }
@media (max-width: 767px) { .event-page .tabs-block .tabs-menu li.active a { background: none; color: #fd7727; } }

.roll-call { background: #fff url(../images/rollcall_bg.png) center top no-repeat; width: 1010px; min-height: 350px; margin: 0 auto; padding-bottom: 10px; font-family: 'Pony', Arial, sans-serif; }
@media (max-width: 1010px) { .roll-call { width: 100%; } }
@media (max-width: 767px) { .roll-call { background-size: 841.666px; } }
@media (max-width: 480px) { .roll-call { background-size: 505px; } }
.roll-call .close { top: 0; right: 17px; }
@media (max-width: 767px) { .roll-call .close { top: -8px; right: 7px; } }
@media (max-width: 480px) { .roll-call .close { top: -4px; } }
.roll-call .close span { font-family: 'Roboto', Arial, sans-serif; color: #fff; font-size: 60px; font-weight: 300; }
@media (max-width: 480px) { .roll-call .close span { font-size: 40px; } }
.roll-call .month-lb { top: 3px; left: 18px; background: url(../images/img_sprt_1.6.png) no-repeat; background-position: -265px 0; width: 108px; height: 114px; color: #ffe979; text-align: center; text-transform: uppercase; text-shadow: 0 4px 1px #90280f; }
@media (max-width: 767px) { .roll-call .month-lb { top: 3px; left: 5px; background-size: 396.666px; background-position: -220.833px 0; width: 90px; height: 95px; } }
@media (max-width: 480px) { .roll-call .month-lb { top: 15px; left: 3px; background-size: 238px; background-position: -132.5px 0; width: 54px; height: 57px; } }
.roll-call .month-lb .ct-box { margin: 44px 0 0; -ms-transform: rotate(11deg); -webkit-transform: rotate(11deg); transform: rotate(11deg); }
@media (max-width: 767px) { .roll-call .month-lb .ct-box { margin: 38px 0 0; } }
@media (max-width: 480px) { .roll-call .month-lb .ct-box { margin: 20px 0 0; } }
.roll-call .month-lb .txt { font-size: 20px; }
@media (max-width: 767px) { .roll-call .month-lb .txt { font-size: 15px; } }
@media (max-width: 480px) { .roll-call .month-lb .txt { font-size: 10px; } }
.roll-call .month-lb .num { font-size: 35px; }
@media (max-width: 767px) { .roll-call .month-lb .num { font-size: 25px; } }
@media (max-width: 480px) { .roll-call .month-lb .num { font-size: 19px; } }
.roll-call .rc-block { padding: 133px 0 0; text-align: center; }
@media (max-width: 767px) { .roll-call .rc-block { padding: 114px 0 0; } }
@media (max-width: 480px) { .roll-call .rc-block { padding: 60px 0 0; } }
@media (max-width: 390px) { .roll-call .rc-block { padding: 66px 0 0; } }
.roll-call .rc-block .center { display: inline-block; }
.roll-call .rc-block ul { margin-top: 57px; }
@media (max-width: 767px) { .roll-call .rc-block ul { margin-top: 37px; }
  .roll-call .rc-block ul:first-child li .tooltip { left: 0; margin-left: 0; }
  .roll-call .rc-block ul:first-child li .tooltip:after { left: 20px; margin-left: 0; }
  .roll-call .rc-block ul:last-child li .tooltip { left: auto; right: 0; margin-left: 0; }
  .roll-call .rc-block ul:last-child li .tooltip:after { left: auto; right: 20px; margin-left: 0; } }
@media (max-width: 390px) { .roll-call .rc-block ul { margin-top: 60px; } }
.roll-call .rc-block ul li { margin-right: 40px; }
@media (max-width: 767px) { .roll-call .rc-block ul li { margin-right: 20px; } }
.roll-call .rc-block ul li .tooltip { display: none; left: 50%; top: auto; bottom: 86px; background: #fedb68; margin-left: -80px; padding: 6px 10px 7px 13px; 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) { .roll-call .rc-block ul li .tooltip { bottom: 78px; width: 160px; padding: 6px 5px 7px 8px; font-size: 13px; } }
@media (max-width: 480px) { .roll-call .rc-block ul li .tooltip { width: 120px; font-size: 12px; } }
@media (max-width: 390px) { .roll-call .rc-block ul li .tooltip { bottom: 62px; } }
.roll-call .rc-block ul li .tooltip:after { content: ""; bottom: -11px; left: 50%; width: 0; height: 0; margin-left: -10px; border-style: solid; border-width: 11px 10px 0 10px; border-color: #fedb68 transparent transparent transparent; }
.roll-call .rc-block ul li:after { content: ""; top: 18px; right: -27px; font-size: 35px; color: #d5d5d5; }
@media (max-width: 767px) { .roll-call .rc-block ul li:after { top: 16px; right: -17px; font-size: 30px; } }
@media (max-width: 480px) { .roll-call .rc-block ul li:after { top: 16px; right: -15px; font-size: 24px; } }
@media (max-width: 390px) { .roll-call .rc-block ul li:after { top: 12px; } }
.roll-call .rc-block ul li a { display: block; width: 74px; height: 74px; color: #ababab; font-size: 18px; border: 4px solid #ababab; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; cursor: default; }
@media (max-width: 767px) { .roll-call .rc-block ul li a { width: 64px; height: 64px; font-size: 13px; border-width: 3px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } }
@media (max-width: 480px) { .roll-call .rc-block ul li a { width: 55px; height: 55px; } }
@media (max-width: 390px) { .roll-call .rc-block ul li a { width: 50px; height: 50px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } }
.roll-call .rc-block ul li a .txt { z-index: 2; display: block; width: 100%; height: 100%; padding: 6px 0 0; }
@media (max-width: 767px) { .roll-call .rc-block ul li a .txt { padding: 10px 0 0; } }
@media (max-width: 480px) { .roll-call .rc-block ul li a .txt { padding: 5px 0 0; } }
@media (max-width: 390px) { .roll-call .rc-block ul li a .txt { padding: 3px 0 0; } }
.roll-call .rc-block ul li a .txt .num { display: block; margin-bottom: -2px; font-size: 30px; }
@media (max-width: 767px) { .roll-call .rc-block ul li a .txt .num { margin-bottom: 0; font-size: 20px; } }
.roll-call .rc-block ul li a .percent { display: none; background: #fedb68; height: 66px; }
.roll-call .rc-block ul li:last-child { margin-right: 0; }
.roll-call .rc-block ul li:last-child:after { display: none; }
.roll-call .rc-block ul li.full .tooltip { display: block; }
.roll-call .rc-block ul li.full a { background: #00d07f; color: #fff; border-color: #008853; cursor: pointer; }
.roll-call .rc-block ul li.full a:hover { background: #008853; }
.roll-call .rc-block ul li.process a { color: #ffa200; border-color: #ffc508; overflow: hidden; }
.roll-call .rc-block ul li.process a .percent { display: block; }
.roll-call .rc-block ul li.done a { overflow: hidden; }
.roll-call .rc-block ul li.done a:before { content: ""; top: 0; left: 0; z-index: 3; background: #fff; width: 100%; height: 100%; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; }
.roll-call .rc-block ul li.done a:after { z-index: 4; top: 12px; right: 13px; background-position: -181px -88px; width: 40px; height: 40px; }
@media (max-width: 767px) { .roll-call .rc-block ul li.done a:after { background-size: 396.666px; background-position: -150.833px -73.333px; width: 33.333px; height: 33.333px; } }
@media (max-width: 480px) { .roll-call .rc-block ul li.done a:after { top: 10px; right: 11px; background-size: 333.2px; background-position: -126.7px -61.6px; width: 28px; height: 28px; } }
@media (max-width: 390px) { .roll-call .rc-block ul li.done a:after { top: 7px; right: 9px; } }
.roll-call .rc-block .center-btn { margin: 0 30px; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn { margin: 0 14px; } }
@media (max-width: 390px) { .roll-call .rc-block .center-btn { margin: 0; } }
.roll-call .rc-block .center-btn a { display: block; background: url(../images/rollcall_btns.png) no-repeat; width: 139px; height: 139px; color: #fff; font-size: 30px; text-shadow: 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.26); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn a { background-size: 488.333px; width: 115.833px; height: 115.833px; font-size: 24px; } }
@media (max-width: 480px) { .roll-call .rc-block .center-btn a { background-size: 351.6px; width: 83.4px; height: 83.4px; font-size: 16px; } }
@media (max-width: 390px) { .roll-call .rc-block .center-btn a { background-size: 293px; width: 69.5px; height: 69.5px; font-size: 14px; } }
.roll-call .rc-block .center-btn a .txt { z-index: 2; display: block; height: 139px; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn a .txt { line-height: 28px; } }
@media (max-width: 480px) { .roll-call .rc-block .center-btn a .txt { line-height: 20px; } }
@media (max-width: 390px) { .roll-call .rc-block .center-btn a .txt { line-height: 18px; } }
.roll-call .rc-block .center-btn a .bg { background: url(../images/rollcall_btns.png) no-repeat; display: block; height: 139px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.roll-call .rc-block .center-btn.rollcall-btn:after { content: ""; bottom: -14px; right: 50%; width: 42px; height: 40px; background-position: -389px -59px; margin-right: -21px; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
@media (max-width: 480px) { .roll-call .rc-block .center-btn.rollcall-btn:after { background-size: 333.2px; background-position: -272.3px -41.3px; width: 30px; height: 28px; margin-right: -13px; } }
.roll-call .rc-block .center-btn.rollcall-btn a { background-position: 0 0; line-height: 35px; text-transform: uppercase; }
.roll-call .rc-block .center-btn.rollcall-btn a .txt { padding-top: 29px; }
@media (max-width: 480px) { .roll-call .rc-block .center-btn.rollcall-btn a .txt { padding-top: 20px; } }
@media (max-width: 390px) { .roll-call .rc-block .center-btn.rollcall-btn a .txt { padding-top: 15px; } }
.roll-call .rc-block .center-btn.rollcall-btn a .bg { background-position: -149px 0; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn.rollcall-btn a .bg { background: none; } }
.roll-call .rc-block .center-btn.rollcall-btn a:active .bg { background-position: -298px 0; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn.rollcall-btn a:active .bg { background: none; } }
.roll-call .rc-block .center-btn.dial-btn a { background-position: 0 -149px; line-height: 35px; text-transform: uppercase; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn.dial-btn a { background-position: 0 -124.166px; } }
@media (max-width: 480px) { .roll-call .rc-block .center-btn.dial-btn a { background-position: 0 -89.4px; } }
@media (max-width: 390px) { .roll-call .rc-block .center-btn.dial-btn a { background-position: 0 -74.5px; } }
.roll-call .rc-block .center-btn.dial-btn a .txt { width: 100%; padding: 36px 1px 0 0; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn.dial-btn a .txt { padding-top: 30px; } }
@media (max-width: 480px) { .roll-call .rc-block .center-btn.dial-btn a .txt { padding-top: 20px; } }
@media (max-width: 390px) { .roll-call .rc-block .center-btn.dial-btn a .txt { padding-top: 15px; } }
.roll-call .rc-block .center-btn.dial-btn a .txt span { display: block; font-size: 24px; }
.roll-call .rc-block .center-btn.dial-btn a .bg { background-position: -149px -149px; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn.dial-btn a .bg { background: none; } }
.roll-call .rc-block .center-btn.dial-btn a:active .bg { background-position: -298px -149px; }
.roll-call .rc-block .center-btn.inactive-btn a { background-position: -447px 0; line-height: 35px; text-transform: uppercase; cursor: default; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn.inactive-btn a { background-position: -373.5px 0; } }
@media (max-width: 480px) { .roll-call .rc-block .center-btn.inactive-btn a { background-position: -268.2px 0; } }
@media (max-width: 390px) { .roll-call .rc-block .center-btn.inactive-btn a { background-position: -223.5px 0; } }
.roll-call .rc-block .center-btn.inactive-btn a .txt { width: 100%; padding: 31px 11px 0 10px; }
@media (max-width: 767px) { .roll-call .rc-block .center-btn.inactive-btn a .txt { padding-top: 30px; } }
@media (max-width: 480px) { .roll-call .rc-block .center-btn.inactive-btn a .txt { padding-top: 20px; } }
@media (max-width: 390px) { .roll-call .rc-block .center-btn.inactive-btn a .txt { padding-top: 15px; } }
.roll-call .rc-block .center-btn.inactive-btn a .txt span { display: block; font-size: 24px; }
.roll-call .item-list3 { padding: 0 17px; margin: 45px 0 0; }
@media (max-width: 480px) { .roll-call .item-list3 { margin-top: 30px; } }
.roll-call .item-list3.result:before { content: ""; top: 0; left: 0; z-index: 3; display: block; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; }
.roll-call .item-list3.result .result-box { display: block; }
@media (max-width: 767px) { .roll-call .item-list3 .col-xs-6 { width: 33.333%; } }
.roll-call .top-users { background: #feebac; margin: 90px 0 0; text-align: center; }
@media (max-width: 767px) { .roll-call .top-users { display: none; } }
@media (max-width: 480px) { .roll-call .top-users { margin-top: 50px; } }
.roll-call .top-users > h2 { display: inline-block; top: -36px; background: #fe3014; height: 44px; padding: 8px 50px 0; color: #ffeb80; font-size: 26px; font-weight: normal; text-transform: uppercase; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; text-shadow: 3px 4px 0 #cb1c04, 0 -2px 0 #cb1c04, 0 2px 0 #cb1c04, -2px 0 0 #cb1c04, 2px 0 0 #cb1c04; }
@media (max-width: 767px) { .roll-call .top-users > h2 { font-size: 24px; } }
@media (max-width: 480px) { .roll-call .top-users > h2 { top: -24px; height: 32px; padding: 7px 40px 0; font-size: 15px; text-shadow: 2px 2px 0 #cb1c04, 0 -1px 0 #cb1c04, 0 1px 0 #cb1c04, -1px 0 0 #cb1c04, 1px 0 0 #cb1c04; } }
.roll-call .top-users > h2 .star { top: 6px; background: url(../images/img_sprt_1.6.png) no-repeat; background-position: -445px -59px; width: 31px; height: 32px; }
@media (max-width: 480px) { .roll-call .top-users > h2 .star { top: 7px; background-size: 238px; background-position: -222.5px -29.5px; width: 15.5px; height: 16px; } }
.roll-call .top-users > h2 .star.l-star { left: 11px; }
.roll-call .top-users > h2 .star.r-star { right: 11px; }
.roll-call .top-users > h2:before, .roll-call .top-users > h2:after { content: ""; top: 15px; background: url(../images/img_sprt_1.6.png) no-repeat; width: 37px; height: 44px; }
@media (max-width: 480px) { .roll-call .top-users > h2:before, .roll-call .top-users > h2:after { top: 17px; background-size: 238px; width: 18.5px; height: 22px; } }
.roll-call .top-users > h2:before { left: -24px; background-position: -389px 0; }
@media (max-width: 480px) { .roll-call .top-users > h2:before { background-position: -194.5px 0; left: -12px; } }
.roll-call .top-users > h2:after { right: -24px; background-position: -431px 0; }
@media (max-width: 480px) { .roll-call .top-users > h2:after { background-position: -215.5px 0; right: -12px; } }
.roll-call .top-users ul { margin: 0 15px; }
.roll-call .top-users ul li { padding: 0 10px 30px; }
.roll-call .top-users ul li .pic a { display: block; width: 80px; height: 80px; border: 5px solid rgba(204, 185, 124, 0.5); border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; overflow: hidden; }
.roll-call .top-users ul li .pic a img { width: 100%; height: 100%; }
.roll-call .top-users ul li .pic a:hover { border-color: rgba(254, 48, 20, 0.8); }
.roll-call .top-users ul li .detail { margin-left: 90px; text-align: left; }
.roll-call .top-users ul li .detail h2 a { display: block; height: 28px; line-height: normal; color: #8c352a; font-size: 18px; font-weight: normal; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.roll-call .top-users ul li .detail h2 a:hover { color: #fe3014; }
.roll-call .top-users ul li .detail .lv { display: inline-block; background: #a17b49; height: 24px; line-height: 22px; padding: 0 12px; margin: 2px 0 4px; color: #fff; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.roll-call .top-users ul li .detail .zx { line-height: normal; color: #907a2f; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.roll-call .get-dial { padding: 0 90px; }
@media (max-width: 900px) { .roll-call .get-dial { padding: 0 30px; } }
@media (max-width: 768px) { .roll-call .get-dial { padding: 0 15px; } }
.roll-call .get-dial h2 { line-height: 36px; margin: 20px 0 17px; color: #24e99c; text-align: center; font-size: 24px; text-transform: uppercase; font-weight: normal; text-shadow: 3px 4px 0 #008853, 0 -2px 0 #008853, 0 2px 0 #008853, -2px 0 0 #008853, 2px 0 0 #008853; }
@media (max-width: 480px) { .roll-call .get-dial h2 { line-height: 28px; margin-bottom: 7px; font-size: 16px; text-shadow: 1px 2px 0 #008853, 0 -1px 0 #008853, 0 1px 0 #008853, -1px 0 0 #008853, 1px 0 0 #008853; } }
.roll-call .get-dial h2 span { display: block; font-size: 32px; }
@media (max-width: 480px) { .roll-call .get-dial h2 span { font-size: 22px; } }
.roll-call .get-dial .condition > li { width: 50%; }
@media (max-width: 767px) { .roll-call .get-dial .condition > li { width: 100%; } }
.roll-call .get-dial .condition .border { border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; }
.roll-call .get-dial .condition .border .lb { top: -20px; left: 0; width: 100%; text-align: center; }
.roll-call .get-dial .condition .border .lb span { display: inline-block; height: 38px; line-height: 32px; padding: 0 10px; font-size: 20px; color: #fff; text-transform: uppercase; border: 3px solid #fff; border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; }
.roll-call .get-dial .condition .border .cond { padding: 27px 0 0; border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; text-align: center; overflow: hidden; }
.roll-call .get-dial .condition .border .cond .txt { line-height: 18px; padding: 0px 5px 7px; color: rgba(255, 255, 255, 0.7); font-size: 14px; }
@media (max-width: 480px) { .roll-call .get-dial .condition .border .cond .txt { line-height: 16px; font-size: 13px; } }
.roll-call .get-dial .condition .border .cond:after { content: ""; display: block; background: url(../images/wave_bg.svg) repeat-x; width: 100%; height: 18px; }
.roll-call .get-dial .condition .lbox { padding-right: 10px; }
@media (max-width: 767px) { .roll-call .get-dial .condition .lbox { padding: 0; margin-top: 30px; } }
.roll-call .get-dial .condition .lbox .border { border: 1px solid #e6614f; }
.roll-call .get-dial .condition .lbox .border .lb span { background: #e6614f; }
.roll-call .get-dial .condition .lbox .border .cond { background: #e6614f; }
.roll-call .get-dial .condition .lbox .border .cond:after { background-position: -8px -85px; }
.roll-call .get-dial .condition .rbox { padding-left: 10px; }
@media (max-width: 767px) { .roll-call .get-dial .condition .rbox { padding: 0; margin-top: 40px; } }
.roll-call .get-dial .condition .rbox .border { border: 1px solid #00aeef; }
.roll-call .get-dial .condition .rbox .border .lb span { background: #00aeef; }
.roll-call .get-dial .condition .rbox .border .cond { background: #00aeef; }
.roll-call .get-dial .condition .rbox .border .cond:after { background-position: -8px -23px; }
.roll-call .get-dial .condition .game-list { padding: 0 2px 5px; }
.roll-call .buy-dial { text-align: center; }
.roll-call .buy-dial h2 { line-height: normal; margin: 10px 0 5px; color: #555; font-size: 18px; font-weight: normal; text-transform: uppercase; }
@media (max-width: 480px) { .roll-call .buy-dial h2 { margin-top: 15px; font-size: 14px; } }
.roll-call .buy-dial .zm { margin-bottom: 12px; color: #888; font-size: 16px; }
.roll-call .buy-dial .zm .num { color: #d04827; }
.roll-call .buy-dial .choose-zm .center { display: inline-block; }
.roll-call .buy-dial .choose-zm .center .uiselector { z-index: 2; min-width: inherit; margin: 0; }
.roll-call .buy-dial .choose-zm .center .uiselector:hover .select-option { display: none; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-click { height: 36px; line-height: 31px; padding-left: 15px; font-weight: normal; font-size: 18px; border: 2px solid #c7c7c7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-click:after { background: #f0f0f0; width: 24px; height: 32px; padding: 8px 0 0; font-size: 15px; color: #c7c7c7; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option { top: 42px; left: -25px; width: 175px; margin: 0; border: 2px solid #c7c7c7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
@media (max-width: 767px) { .roll-call .buy-dial .choose-zm .center .uiselector .select-option { top: auto; bottom: 42px; } }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option:before, .roll-call .buy-dial .choose-zm .center .uiselector .select-option:after { content: ""; width: 0; height: 0; border-style: solid; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option:before { left: 62px; top: -6px; z-index: 2; border-width: 0 6px 6px 6px; border-color: transparent transparent #fff transparent; }
@media (max-width: 767px) { .roll-call .buy-dial .choose-zm .center .uiselector .select-option:before { top: auto; bottom: -6px; border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent; } }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option:after { left: 60px; top: -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #c7c7c7 transparent; }
@media (max-width: 767px) { .roll-call .buy-dial .choose-zm .center .uiselector .select-option:after { top: auto; bottom: -8px; border-width: 8px 8px 0 8px; border-color: #c7c7c7 transparent transparent transparent; } }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option li { list-style-type: none; height: auto; padding: 0; margin: 0 10px; border-bottom: 1px solid #f0f0f0; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option li:first-child { border-top: 0; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option li a { display: block; background: #fff; line-height: 18px; padding: 10px 0; color: #555; font-size: 18px; font-weight: normal; white-space: nowrap; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option li a .txt1 { min-width: 75px; text-align: left; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option li a .txt3 { color: #d04827; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option li:first-child a { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option li:last-child { border-bottom: 0; }
.roll-call .buy-dial .choose-zm .center .uiselector .select-option li:last-child a { border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
.roll-call .buy-dial .choose-zm .center .uiselector.open .select-option { display: block; }
.roll-call .buy-dial .choose-zm .center .buy-btn { background: #00aeef; height: 36px; line-height: 32px; padding: 0 10px; margin-left: 10px; color: #fff; text-transform: uppercase; border: 2px solid #009dd8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.roll-call .result-box { display: none; top: 0; left: 50%; z-index: 4; width: 715px; margin: 45px 0 0 -357px; box-shadow: 0 0 34px rgba(107, 107, 107, 0.2); -moz-box-shadow: 0 0 34px rgba(107, 107, 107, 0.2); -webkit-box-shadow: 0 0 34px rgba(107, 107, 107, 0.2); border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; border: 15px solid rgba(254, 219, 104, 0.86); }
@media (max-width: 767px) { .roll-call .result-box { left: 0; width: 100%; margin: 25px 0 0 0; border: 10px solid #fedb68; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; } }
@media (max-width: 767px) { .roll-call .result-box { margin: 0; } }
.roll-call .result-box .close-btn { top: -25px; right: -23px; background: url(../images/img_sprt_1.6.png) no-repeat; background-position: -99px -88px; width: 43px; height: 45px; }
@media (max-width: 767px) { .roll-call .result-box .close-btn { top: -24px; right: -12px; } }
.roll-call .result-box .rs-inbox { background: #fff; padding: 25px 25px 30px; border: 5px solid #f8bd56; box-shadow: 0 0 5px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.4); border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; overflow: hidden; }
@media (max-width: 767px) { .roll-call .result-box .rs-inbox { border-width: 1px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; } }
.roll-call .result-box .rs-inbox .pic { width: 145px; }
@media (max-width: 480px) { .roll-call .result-box .rs-inbox .pic { float: none; width: 100%; text-align: center; } }
.roll-call .result-box .rs-inbox .pic img { max-width: 100%; height: auto !important; }
.roll-call .result-box .rs-inbox .detail { margin: 12px 0 0 170px; text-transform: uppercase; }
@media (max-width: 767px) { .roll-call .result-box .rs-inbox .detail { margin-left: 0; } }
.roll-call .result-box .rs-inbox .detail .txt1 { color: #555; font-size: 20px; }
@media (max-width: 480px) { .roll-call .result-box .rs-inbox .detail .txt1 { font-size: 15px; } }
.roll-call .result-box .rs-inbox .detail .txt2 { margin: 8px 0 25px; color: #fe3014; font-size: 28px; }
@media (max-width: 480px) { .roll-call .result-box .rs-inbox .detail .txt2 { font-size: 20px; } }
.roll-call .result-box .rs-inbox .detail .txt3 { line-height: 22px; color: #888; font-size: 14px; }
@media (max-width: 480px) { .roll-call .result-box .rs-inbox .detail .txt3 { font-size: 12px; } }
.roll-call .result-box .rs-inbox .detail .txt3 a { color: #00d07f; text-decoration: underline !important; }

/*--Modal-------------*/
.modal-header { background: #00608d; border: 0; }
@media (min-width: 970px) { .modal-header { padding: 18px 45px 18px 27px; } }
.modal-header .close { margin-top: -8px; color: #fff; font-weight: 100; font-size: 28px; text-shadow: none; }
@media (min-width: 970px) { .modal-header .close { margin-top: -15px; 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-------------*/
/*--Table-------------*/
@media (min-width: 970px) { .table { font-size: 14px; } }
.table > thead > tr > th { padding: 12px 8px; font-weight: bold; border: 0; border-bottom: 1px solid #555; }
.table > tbody > tr { background-color: #eee; }
.table > tbody > tr > td, .table > tbody > tr > th { color: #555; border: 0; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; }

/*--End Table-------------*/
/*--Button-------------*/
.btn { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #fff; min-width: 85px; color: #205d94; text-align: center; font-weight: 600; border: 1px solid #205d94; }
.btn:hover { background: #205d94; }

/*--End Button-------------*/

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