@charset "UTF-8";
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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
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: yellow; color: black; }

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 { -moz-box-sizing: content-box; 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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

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

fieldset { border: 1px solid silver; 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; }

@font-face { font-family: "Glyphicons Halflings"; src: url("../assets/fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("../assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.glyphicon-menu-right:before { content: "\e258"; }

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

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

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: 19px; }
.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 #dddddd; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; }
.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 #dddddd; }
.table .table { background-color: white; }

.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 #dddddd; }
.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 #dddddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }

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

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

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

.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: 14.25px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; }
  .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: 19px; 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: 33px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: white; background-image: none; border: 1px solid #cccccc; 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: #999999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999999; }
.form-control::-webkit-input-placeholder { color: #999999; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; }

textarea.form-control { height: auto; }

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

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 33px; }
  input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; }
  input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { 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: 19px; 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 { 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; }
.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; }

select.form-group-sm .form-control { height: 30px; line-height: 30px; }

textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto; }

.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; 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.33; border-radius: 6px; }

select.form-group-lg .form-control { height: 46px; line-height: 46px; }

textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto; }

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

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

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

.input-sm + .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: 24px; }
.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: 26px; }
.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.3px; } }
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } }

.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: #333333; 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; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.btn-default { color: #333333; background-color: white; border-color: #cccccc; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333333; background-color: #e6e6e6; border-color: #adadad; }
.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: white; border-color: #cccccc; }
.btn-default .badge { color: white; background-color: #333333; }

.btn-primary { color: white; background-color: #337ab7; border-color: #2e6da4; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: white; background-color: #286090; border-color: #204d74; }
.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: white; }

.btn-success { color: white; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: white; background-color: #449d44; border-color: #398439; }
.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: white; }

.btn-info { color: white; background-color: #5bc0de; border-color: #46b8da; }
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: white; background-color: #31b0d5; border-color: #269abc; }
.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: white; }

.btn-warning { color: white; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: white; background-color: #ec971f; border-color: #d58512; }
.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: white; }

.btn-danger { color: white; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: white; background-color: #c9302c; border-color: #ac2925; }
.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: white; }

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

.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; visibility: hidden !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; }
  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; }
  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; }
  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; }
  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; }
  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; } }
@-webkit-keyframes noanimation { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-moz-keyframes noanimation { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-ms-keyframes noanimation { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@keyframes noanimation { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes fade-in { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ }
  50% { opacity: 0; /*filter: alpha(opacity=0);*/ }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ } }

@-moz-keyframes fade-in { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ }
  50% { opacity: 0; /*filter: alpha(opacity=0);*/ }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ } }

@-ms-keyframes fade-in { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ }
  50% { opacity: 0; /*filter: alpha(opacity=0);*/ }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ } }

@keyframes fade-in { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ }
  50% { opacity: 0; /*filter: alpha(opacity=0);*/ }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ } }

@-webkit-keyframes labelEntrance { 0% { top: -50px; right: -100px; }
  100% { top: 53px; right: 0; } }

@-moz-keyframes labelEntrance { 0% { top: -50px; right: -100px; }
  100% { top: 53px; right: 0; } }

@-ms-keyframes labelEntrance { 0% { top: -50px; right: -100px; }
  100% { top: 53px; right: 0; } }

@keyframes labelEntrance { 0% { top: -50px; right: -100px; }
  100% { top: 53px; right: 0; } }

@-webkit-keyframes scoreEntrance { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-moz-keyframes scoreEntrance { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-ms-keyframes scoreEntrance { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@keyframes scoreEntrance { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes resultTextEntrance { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ top: 30px; }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ top: 0; } }

@-moz-keyframes resultTextEntrance { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ top: 30px; }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ top: 0; } }

@-ms-keyframes resultTextEntrance { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ top: 30px; }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ top: 0; } }

@keyframes resultTextEntrance { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ top: 30px; }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ top: 0; } }

@-webkit-keyframes serviceList { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ top: 30px; }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ top: 0; } }

@-moz-keyframes serviceList { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ top: 30px; }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ top: 0; } }

@-ms-keyframes serviceList { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ top: 30px; }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ top: 0; } }

@keyframes serviceList { 0% { opacity: 0; /*filter: alpha(opacity=0);*/ top: 30px; }
  100% { opacity: 1; /*filter: alpha(opacity=100);*/ top: 0; } }

@-webkit-keyframes btnArrow { 0% { left: 0px; }
  50% { left: 4px; }
  99% { left: 0px; } }

@-moz-keyframes btnArrow { 0% { left: 0px; }
  50% { left: 4px; }
  99% { left: 0px; } }

@-ms-keyframes btnArrow { 0% { left: 0px; }
  50% { left: 4px; }
  99% { left: 0px; } }

@keyframes btnArrow { 0% { left: 0px; }
  50% { left: 4px; }
  99% { left: 0px; } }

html { background-image: url("../img/bg.jpg"); background-size: cover; background-repeat: no-repeat; height: 100%; }

html.iwealth, body.iwealth { background-image: none; }

body { padding: 0; font-size: 15px; overflow-x: hidden; font-family: Arail, "微軟正黑體"; }

i.iconSet { background-image: url("../img/service_iconset.png"); height: 45px; width: 45px; background-repeat: no-repeat; }
i.iconSet.app { background-position: 0 0; }
i.iconSet.web { background-position: 0 -45px; }
i.iconSet.line { background-position: 0 -90px; }
i.iconSet.facebook { background-position: 0 -135px; }
i.iconSet.mail { background-position: 0 -180px; }

.label { display: block; z-index: 3; width: 171px; height: 165px; position: absolute; top: -100px; right: -100px; margin-right: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-animation: labelEntrance 0.7s ease-in forwards; -o-animation: labelEntrance 0.7s ease-in forwards; animation: labelEntrance 0.7s ease-in forwards; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.label img { width: 100%; height: auto; display: block; }
.label:hover { opacity: 0.8; filter: alpha(opacity=80); }

a.fancybox-close { background-image: url("../img/btn-close.png"); width: 30px; height: 30px; background-size: 30px 30px; }

.container { width: 970px; }

.navbar { background-color: black; height: 55px; border-bottom: 6px solid #cc0001; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; z-index: 5; position: relative; }
.navbar .container { width: 100%; }
.navbar .nav-brand { margin-top: 15px; display: block; height: 25px; }
.navbar .nav-brand img { width: auto; }

.content { margin: 0 auto; display: table-cell; vertical-align: middle; position: relative; z-index: 2; -webkit-animation: fade-in 0.5s linear; -o-animation: fade-in 0.5s linear; animation: fade-in 0.5s linear; }
.content .btn { color: black; background-color: #ab8053; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-decoration: none; }
.content .btn:hover { background-color: #b48d64; }
.content .btn i { color: white; vertical-align: top; }
.content .btn i.fb { background-image: url("../img/ico-fb.png"); width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; }

.wrap { display: table; width: 100%; position: absolute; height: 100%; min-height:850px; width: 100%; top: 0; left: 0; z-index: 2; }

.btnRmb { display: block; position: absolute; top: 100px; right: 0; }

#RmbArea { background-color: #cc0000; display: block; width: auto; position: absolute; z-index: 1; top: 55px; background-color: transparent; }

.btnLink { display: block; position: absolute; top: 210px; right: 130px; width: 285px; height: 285px; z-index: 2; }

.index.content .container { position: relative; }
.index.content .text, .index.content .videoBlock { position: relative; opacity: 0; /*filter: alpha(opacity=0);*/ -webkit-animation: serviceList 0.5s ease-out forwards; -o-animation: serviceList 0.5s ease-out forwards; animation: serviceList 0.5s ease-out forwards; }
.index.content .text { margin-bottom: 25px; z-index: 3; }
.index.content .text h1 { margin-bottom: 20px; }
.index.content .text .btn { margin-left: 20px; }
.index.content .videoBlock { z-index: 1; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.index.content .videoBlock .text { color: #ab8053; padding-top: 20px; margin-bottom: 20px; border-top: 1px solid #cdb291; display: inline-block; width: 335px; }
.index.content .videoBlock .video { width: 335px; height: 185px; background-color: black; margin-bottom: 25px; position: relative; cursor: pointer; }
.index.content .videoBlock .video:hover img { opacity: 0.6; filter: alpha(opacity=60); }
.index.content .videoBlock .video:hover .play { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.index.content .videoBlock .video img { z-index: 1; position: relative; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; display: block; }
.index.content .videoBlock .video a { display: block; }
.index.content .videoBlock .video .play { width: 49px; height: 49px; background-image: url("../img/btn-play.png"); position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 2; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.result .container { display: table; margin-left: auto; margin-right: auto; position: relative; }
.result .container .scoreBlock, .result .container .analyze { display: table-cell; vertical-align: top; height: 100%; width: 50%; }
.result .container .scoreBlock .inner, .result .container .analyze .inner { margin-bottom: 25px; }
.result .container .scoreBlock { border-right: 1px solid #cdb291; }
.result .container .scoreBlock .inner { margin-right: 55px; }
.result .container .scoreBlock .score { width: 219px; height: 131px; background-image: url("../img/score-panel.png"); display: block; margin: 0 auto 25px auto; padding-top: 100px; }
.result .container .scoreBlock .score .num { -webkit-animation: scoreEntrance 1.5s ease-in-out; -o-animation: scoreEntrance 1.5s ease-in-out; animation: scoreEntrance 1.5s ease-in-out; width: 100%; height: 95px; font-size: 93px; line-height: 1; color: #ab8053; left: 0; bottom: 0; text-align: center; font-family: "Open Sans", sans-serif; font-weight: 800; letter-spacing: -1px; }
.result .container .scoreBlock .score .num span { display: none; }
.result .container .scoreBlock .text { color: #333333; letter-spacing: 3px; line-height: 30px; position: relative; opacity: 0; /*filter: alpha(opacity=0);*/ -webkit-animation: resultTextEntrance 1s ease-in forwards; -o-animation: resultTextEntrance 1s ease-in forwards; animation: resultTextEntrance 1s ease-in forwards; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.result .container .scoreBlock .text a { color: #ab8053; }
.result .container .scoreBlock .text h2 { font-size: 30px; font-weight: bold; color: #e60212; text-align: center; margin-bottom: 15px; }
.result .container .analyze { opacity: 0; /*filter: alpha(opacity=0);*/ -webkit-animation: fade-in 0.5s ease-in-out forwards; -o-animation: fade-in 0.5s ease-in-out forwards; animation: fade-in 0.5s ease-in-out forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.result .container .analyze .btn { float: right; }
.result .container .analyze .inner { background-color: rgba(255, 255, 255, 0.4); margin-left: 55px; padding: 25px 30px; }
.result .container .analyze h2 { color: #ab8053; font-size: 15px; font-weight: bold; margin-bottom: 25px; }
.result .container .analyze li { margin-bottom: 40px; color: #656463; display: table; }
.result .container .analyze .ico { width: 70px; display: table-cell; font-size: 12px; text-align: center; }
.result .container .analyze .ico a { color: #ab8053; display: block; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-decoration: none; }
.result .container .analyze .ico a:hover { color: #b48d64; text-decoration: underline; }
.result .container .analyze .ico a:hover i { opacity: 0.7; filter: alpha(opacity=70); }
.result .container .analyze .ico i { display: block; margin: 0 auto 5px auto; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.result .container .analyze .text { display: table-cell; letter-spacing: 3px; padding-left: 20px; vertical-align: top; line-height: 28px; }
.result .container .analyze .hint { font-size: 11px; text-align: center; color: #777777; }
.result .btn.btnPlay { display: block; margin: 20px auto; background-color: #cc0000; color: white; clear: both; width: 110px; }
.result .btn.btnPlay i { position: relative; -webkit-animation: btnArrow 0.4s ease-out infinite; -o-animation: btnArrow 0.4s ease-out infinite; animation: btnArrow 0.4s ease-out infinite; }
.result .btn.btnPlay:hover { background-color: #ee0000; }

.service h2 { font-size: 25px; color: #b28b60; font-weight: bold; margin-bottom: 15px; font-family: Arail, "微軟正黑體"; }
.service h2 i { background-image: url(../img/service-title-ico.png); width: 41px; height: 35px; display: inline-block; background-repeat: no-repeat; }
.service .list { margin-bottom: 20px; float: left; width: 100%; }
.service .list li { background-color: rgba(255, 255, 255, 0.2); border: 1px solid #d8ba91; border-left: 5px solid #b28b60; padding: 10px; margin-bottom: 5px; overflow: auto; position: relative; opacity: 0; /*filter: alpha(opacity=0);*/ -webkit-animation: serviceList 0.5s ease-out forwards; -o-animation: serviceList 0.5s ease-out forwards; animation: serviceList 0.5s ease-out forwards; }
.service .list li:nth-child(1) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.service .list li:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.service .list li:nth-child(3) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.service .list li:nth-child(4) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.service .list li:nth-child(5) { -webkit-animation-delay: 0.95s; animation-delay: 0.95s; }
.service .list .ico, .service .list .text { display: block; float: left; }
.service .list .ico { padding: 0 35px; vertical-align: middle; margin-top: 20px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.service .list .ico:hover { opacity: 0.7; filter: alpha(opacity=70); }
.service .list .ico i { display: block; height: 45px; width: 45px; }
.service .list .text { padding-left: 20px; border-left: 1px solid #cfb392; width: 600px; padding-bottom: 10px; }
.service .list .text h3 { color: #b28b60; font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.service .hint { float: right; margin-bottom: 40px; }
.service .hint .btn { margin-left: 20px; background-color: #cc0000; color: white; }
.service .hint .btn i { position: relative; -webkit-animation: btnArrow 0.4s ease-out infinite; -o-animation: btnArrow 0.4s ease-out infinite; animation: btnArrow 0.4s ease-out infinite; }
.service .hint .btn:hover { background-color: #ee0000; }

.iwealth .quiz-main { margin-top: -20px; }
.iwealth .quiz-main .story-module-wrapper .quiz, .iwealth .quiz-main .landing.taiwan, .iwealth .quiz-main .quiz-intro { padding-top: 5%; }
.iwealth .quiz-main .btn { padding: 18px 60px; font-size: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.iwealth .quiz-main .btn:focus { outline: none; }
.iwealth #audio-controls { margin-top: 23px; }
.iwealth .icon.bonus [data-quiz="icon--bonus"] { display: none; }
.iwealth .quiz.bonus .question-title { border: none; line-height: 1.2em; }
.iwealth .quiz.bonus .quiz--top { height: 150px; }

@media all and (max-width: 480px) { html { background-color: #f5e7d1; background-attachment: fixed; background-size: cover; background-position: center top; }
  .label { width: 130px; }
  .navbar .container { width: 90%; }
  .container { width: 90%; }
  .content, .wrap { display: block; position: relative; }
  .wrap { padding-bottom: 30px; }
  #RmbArea { display: none; }
  .index.content .btnLink { position: relative; background-image: url("../img/rmb-btn.png"); background-size: 100%; width: 285px; height: 285px; margin: 0 auto; top: 0; left: 0; z-index: 1; }
  .index.content .btnLine { position: absolute; z-index: 2; top: 650px; height: 90px; border-left: 1px solid #eeeeee; left: 50%; display: block; }
  .index.content .container { width: 85%; overflow: hidden; }
  .index.content .text { font-size: 20px; line-height: 1.3; z-index: 3; position: relative; }
  .index.content .text .btn { margin: 10px auto 20px auto; line-height: 1; }
  .index.content .videoBlock { z-index: 3; position: relative; }
  .index.content .videoBlock .video { width: 100%; height: auto; }
  .index.content .videoBlock .video img { width: 100%; height: auto; display: block; }
  .index.content .videoBlock .btn { font-size: 18px; }
  .index.content .videoBlock .text { font-size: 17px; }
  .content .btn { padding: 15px 20px; font-size: 27px; display: block; margin: 10px auto 20px auto; }
  h1 img { width: 100%; height: auto; display: block; }
  .service h2 { font-size: 23px; margin: 100px 0 20px 0; }
  .service .hint { float: none; font-size: 25px; line-height: 1.3; text-align: center; }
  .service .hint .btn { margin-left: 0; font-size: 18px; }
  .service .hint .btn i { margin-top: 1px; }
  .service .list li { padding: 20px; border-left: 1px solid #b28b60; border-bottom: 5px solid #b28b60; margin-bottom: 10px; }
  .service .list .text { width: 90%; margin: 0 auto; float: none; font-size: 18px; line-height: 1.3; border: none; padding: 0; }
  .service .list .text h3 { font-size: 20px; line-height: 1.5; text-align: center; margin-bottom: 15px; }
  .service .list .ico { padding: 0; margin: 0 auto; float: none; }
  .service .list .ico .iconSet { width: 100px; height: 100px; margin: 0 auto; }
  .result { display: block; }
  .result .container { display: block; }
  .result .container .scoreBlock, .result .container .analyze { width: 100%; display: block; }
  .result .container .scoreBlock .ico, .result .container .analyze .ico { font-size: 16px; }
  .result .container .scoreBlock { border-right: none; border-bottom: 1px solid #cdb291; margin-bottom: 20px; margin-top: 60px; }
  .result .container .scoreBlock .inner { margin-right: 0; }
  .result .container .analyze h2 { font-size: 18px; }
  .result .container .analyze .inner { margin-left: 0; }
  .result .container .analyze .btn { float: none; }
  .result .btn.btnPlay { width: 90%; line-height: 1; margin: 0 auto; padding: 15px 0; }
  i.iconSet { width: 100px; height: 100px; background-size: 100px; background-image: url("../img/iconset_lg.png"); }
  i.iconSet.web { background-position: 0 -100px; }
  i.iconSet.line { background-position: 0 -200px; }
  i.iconSet.facebook { background-position: 0 -300px; }
  i.iconSet.mail { background-position: 0 -400px; }
  .content .btn i.fb { width: 30px; height: 30px; background-size: 30px; }
  .icon--q1 [data-quiz="icon--1"], .icon--q2 [data-quiz="icon--2"], .icon--q3 [data-quiz="icon--3"], .icon--q4 [data-quiz="icon--4"], .icon--q5 [data-quiz="icon--5"], .icon--q7 [data-quiz="icon--7"], .icon--q8 [data-quiz="icon--8"], .icon--q9 [data-quiz="icon--9"], .icon--q10 [data-quiz="icon--10"], .icon--q11 [data-quiz="icon--11"] { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .icon--q17 [data-quiz="icon--17"] { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
  .icon--q6 [data-quiz="icon--6"], .icon--q14 [data-quiz="icon--14"] { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
  body .quiz .top-center { margin-bottom: 40px; } }
@media all and (min-width: 480px) { html, body { width: 100%; height: 100%; overflow-x: hidden; min-width: 1024px; min-height: 800px; }
  body { position: absolute; }
  body .index.content .container { width: 850px; }
  body .wrap { min-width: 980px; }
  body .container { width: 850px; }
  body .content { width: 825px; } }
@media all and (max-width: 320px) { .btn { line-height: 1; }
  .index.content .videoBlock .btn { font-size: 15px; line-height: 1; }
  .service h2 { font-size: 20px; }
  .index.content .btnLink { left: -10px; }
  .index.content .videoBlock .text { font-size: 16px; } }
@media all and (max-height: 700px) { #RmbArea { display: none; }
  .btnLink { position: absolute; background-image: url("../img/rmb-btn.png"); background-size: 100%; width: 285px; height: 285px; margin: 0 auto; top: 230px; left: 495px; z-index: 2; }
  .btnLine { position: absolute; z-index: 1; top: -70px; height: 60%; border-left: 1px solid #eeeeee; left: 640px; display: block; } }