@charset "UTF-8";
/*! Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) Copyright 2011-2017 The Bootstrap Authors Copyright 2011-2017 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) Last updated: 2017/4/25 12:00 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css?family=Quicksand");
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);
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; }

html { box-sizing: border-box; font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }

*, *::before, *::after { box-sizing: inherit; }

@-ms-viewport { width: device-width; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #292b2c; background-color: #fff; }

[tabindex="-1"]:focus { outline: none !important; }

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

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: bold; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #0275d8; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

a:hover { color: #014c8c; text-decoration: underline; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

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

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

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

a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #636c72; text-align: left; caption-side: bottom; }

th { text-align: left; }

label { display: inline-block; margin-bottom: .5rem; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

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

button, input { overflow: visible; }

button, select { text-transform: none; }

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

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

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

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

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

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

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none !important; }

.container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }

@media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 576px) { .container { width: 540px; max-width: 100%; } }

@media (min-width: 768px) { .container { width: 720px; max-width: 100%; } }

@media (min-width: 992px) { .container { width: 960px; max-width: 100%; } }

@media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } }

.container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }

@media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } }

.row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

@media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } }

@media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } }

@media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } }

@media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

@media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px; } }

.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }

.col-1 { width: 8.33333%; }

.col-2 { width: 16.66667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.33333%; }

.col-5 { width: 41.66667%; }

.col-6 { width: 50%; }

.col-7 { width: 58.33333%; }

.col-8 { width: 66.66667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.33333%; }

.col-11 { width: 91.66667%; }

.col-12 { width: 100%; }

.pull-0 { right: auto; }

.pull-1 { right: 8.33333%; }

.pull-2 { right: 16.66667%; }

.pull-3 { right: 25%; }

.pull-4 { right: 33.33333%; }

.pull-5 { right: 41.66667%; }

.pull-6 { right: 50%; }

.pull-7 { right: 58.33333%; }

.pull-8 { right: 66.66667%; }

.pull-9 { right: 75%; }

.pull-10 { right: 83.33333%; }

.pull-11 { right: 91.66667%; }

.pull-12 { right: 100%; }

.push-0 { left: auto; }

.push-1 { left: 8.33333%; }

.push-2 { left: 16.66667%; }

.push-3 { left: 25%; }

.push-4 { left: 33.33333%; }

.push-5 { left: 41.66667%; }

.push-6 { left: 50%; }

.push-7 { left: 58.33333%; }

.push-8 { left: 66.66667%; }

.push-9 { left: 75%; }

.push-10 { left: 83.33333%; }

.push-11 { left: 91.66667%; }

.push-12 { left: 100%; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .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%; }
  .pull-sm-0 { right: auto; }
  .pull-sm-1 { right: 8.33333%; }
  .pull-sm-2 { right: 16.66667%; }
  .pull-sm-3 { right: 25%; }
  .pull-sm-4 { right: 33.33333%; }
  .pull-sm-5 { right: 41.66667%; }
  .pull-sm-6 { right: 50%; }
  .pull-sm-7 { right: 58.33333%; }
  .pull-sm-8 { right: 66.66667%; }
  .pull-sm-9 { right: 75%; }
  .pull-sm-10 { right: 83.33333%; }
  .pull-sm-11 { right: 91.66667%; }
  .pull-sm-12 { right: 100%; }
  .push-sm-0 { left: auto; }
  .push-sm-1 { left: 8.33333%; }
  .push-sm-2 { left: 16.66667%; }
  .push-sm-3 { left: 25%; }
  .push-sm-4 { left: 33.33333%; }
  .push-sm-5 { left: 41.66667%; }
  .push-sm-6 { left: 50%; }
  .push-sm-7 { left: 58.33333%; }
  .push-sm-8 { left: 66.66667%; }
  .push-sm-9 { left: 75%; }
  .push-sm-10 { left: 83.33333%; }
  .push-sm-11 { left: 91.66667%; }
  .push-sm-12 { left: 100%; }
  .offset-sm-0 { margin-left: 0%; }
  .offset-sm-1 { margin-left: 8.33333%; }
  .offset-sm-2 { margin-left: 16.66667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333%; }
  .offset-sm-5 { margin-left: 41.66667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333%; }
  .offset-sm-8 { margin-left: 66.66667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333%; }
  .offset-sm-11 { margin-left: 91.66667%; } }

@media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .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%; }
  .pull-md-0 { right: auto; }
  .pull-md-1 { right: 8.33333%; }
  .pull-md-2 { right: 16.66667%; }
  .pull-md-3 { right: 25%; }
  .pull-md-4 { right: 33.33333%; }
  .pull-md-5 { right: 41.66667%; }
  .pull-md-6 { right: 50%; }
  .pull-md-7 { right: 58.33333%; }
  .pull-md-8 { right: 66.66667%; }
  .pull-md-9 { right: 75%; }
  .pull-md-10 { right: 83.33333%; }
  .pull-md-11 { right: 91.66667%; }
  .pull-md-12 { right: 100%; }
  .push-md-0 { left: auto; }
  .push-md-1 { left: 8.33333%; }
  .push-md-2 { left: 16.66667%; }
  .push-md-3 { left: 25%; }
  .push-md-4 { left: 33.33333%; }
  .push-md-5 { left: 41.66667%; }
  .push-md-6 { left: 50%; }
  .push-md-7 { left: 58.33333%; }
  .push-md-8 { left: 66.66667%; }
  .push-md-9 { left: 75%; }
  .push-md-10 { left: 83.33333%; }
  .push-md-11 { left: 91.66667%; }
  .push-md-12 { left: 100%; }
  .offset-md-0 { margin-left: 0%; }
  .offset-md-1 { margin-left: 8.33333%; }
  .offset-md-2 { margin-left: 16.66667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333%; }
  .offset-md-5 { margin-left: 41.66667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333%; }
  .offset-md-8 { margin-left: 66.66667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333%; }
  .offset-md-11 { margin-left: 91.66667%; } }

@media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .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%; }
  .pull-lg-0 { right: auto; }
  .pull-lg-1 { right: 8.33333%; }
  .pull-lg-2 { right: 16.66667%; }
  .pull-lg-3 { right: 25%; }
  .pull-lg-4 { right: 33.33333%; }
  .pull-lg-5 { right: 41.66667%; }
  .pull-lg-6 { right: 50%; }
  .pull-lg-7 { right: 58.33333%; }
  .pull-lg-8 { right: 66.66667%; }
  .pull-lg-9 { right: 75%; }
  .pull-lg-10 { right: 83.33333%; }
  .pull-lg-11 { right: 91.66667%; }
  .pull-lg-12 { right: 100%; }
  .push-lg-0 { left: auto; }
  .push-lg-1 { left: 8.33333%; }
  .push-lg-2 { left: 16.66667%; }
  .push-lg-3 { left: 25%; }
  .push-lg-4 { left: 33.33333%; }
  .push-lg-5 { left: 41.66667%; }
  .push-lg-6 { left: 50%; }
  .push-lg-7 { left: 58.33333%; }
  .push-lg-8 { left: 66.66667%; }
  .push-lg-9 { left: 75%; }
  .push-lg-10 { left: 83.33333%; }
  .push-lg-11 { left: 91.66667%; }
  .push-lg-12 { left: 100%; }
  .offset-lg-0 { margin-left: 0%; }
  .offset-lg-1 { margin-left: 8.33333%; }
  .offset-lg-2 { margin-left: 16.66667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333%; }
  .offset-lg-5 { margin-left: 41.66667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333%; }
  .offset-lg-8 { margin-left: 66.66667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333%; }
  .offset-lg-11 { margin-left: 91.66667%; } }

@media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-xl-1 { width: 8.33333%; }
  .col-xl-2 { width: 16.66667%; }
  .col-xl-3 { width: 25%; }
  .col-xl-4 { width: 33.33333%; }
  .col-xl-5 { width: 41.66667%; }
  .col-xl-6 { width: 50%; }
  .col-xl-7 { width: 58.33333%; }
  .col-xl-8 { width: 66.66667%; }
  .col-xl-9 { width: 75%; }
  .col-xl-10 { width: 83.33333%; }
  .col-xl-11 { width: 91.66667%; }
  .col-xl-12 { width: 100%; }
  .pull-xl-0 { right: auto; }
  .pull-xl-1 { right: 8.33333%; }
  .pull-xl-2 { right: 16.66667%; }
  .pull-xl-3 { right: 25%; }
  .pull-xl-4 { right: 33.33333%; }
  .pull-xl-5 { right: 41.66667%; }
  .pull-xl-6 { right: 50%; }
  .pull-xl-7 { right: 58.33333%; }
  .pull-xl-8 { right: 66.66667%; }
  .pull-xl-9 { right: 75%; }
  .pull-xl-10 { right: 83.33333%; }
  .pull-xl-11 { right: 91.66667%; }
  .pull-xl-12 { right: 100%; }
  .push-xl-0 { left: auto; }
  .push-xl-1 { left: 8.33333%; }
  .push-xl-2 { left: 16.66667%; }
  .push-xl-3 { left: 25%; }
  .push-xl-4 { left: 33.33333%; }
  .push-xl-5 { left: 41.66667%; }
  .push-xl-6 { left: 50%; }
  .push-xl-7 { left: 58.33333%; }
  .push-xl-8 { left: 66.66667%; }
  .push-xl-9 { left: 75%; }
  .push-xl-10 { left: 83.33333%; }
  .push-xl-11 { left: 91.66667%; }
  .push-xl-12 { left: 100%; }
  .offset-xl-0 { margin-left: 0%; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.66667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333%; }
  .offset-xl-5 { margin-left: 41.66667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333%; }
  .offset-xl-8 { margin-left: 66.66667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333%; }
  .offset-xl-11 { margin-left: 91.66667%; } }

/*!
* Copyright 2017 Business Weekly a division of Cite Publishing Ltd All Rights Reserved.
* Last updated: 2017/4/25 12:00
*/
.loading_icon { width: 100%; height: 100%; position: fixed; z-index: 9999; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #fff; }

.loading_icon > i { width: 10rem; height: 10rem; -webkit-animation: loading_icon_ani .5s ease-in-out infinite; animation: loading_icon_ani .5s ease-in-out infinite; background: url(../img/bulb.svg); }

.loading_icon > span { display: inline-block; width: 100%; text-align: center; position: absolute; padding-top: 12rem; color: #cccccc; }

@-webkit-keyframes loading_icon_ani { 70% { -webkit-transform: scale(0.85); transform: scale(0.85); } }

@keyframes loading_icon_ani { 70% { -webkit-transform: scale(0.85); transform: scale(0.85); } }

body { position: relative; overflow-x: hidden; }

main { position: relative; background: url(../img/bg.svg); background-position: center top; background-size: 300vw auto; background-attachment: scroll; background-repeat: no-repeat; background-color: #e4f2f2; }

@media (min-width: 576px) { main { background-size: 2200px 540px; background-position-y: top; } }

main #clouds { position: absolute; width: 100%; height: 50%; left: 0; top: 0; overflow: hidden; pointer-events: none; }

main #clouds .cloud { width: 5rem; height: 1.5rem; background-color: #fff; border-radius: 5rem; position: absolute; }

main #clouds .cloud:before, main #clouds .cloud:after { content: ''; position: absolute; background-color: #fff; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

main #clouds .cloud:before { width: 2.25rem; height: 2.25rem; border-radius: 2.25rem; top: -1.5rem; left: .5rem; box-shadow: 0.25rem 0.1rem 0 0 #eceeef inset; }

main #clouds .cloud:after { width: 1.8rem; height: 1.8rem; border-radius: 1.8rem; top: -1.05rem; left: 2.5rem; box-shadow: 0.2rem 0.1rem 0 0 #eceeef inset; }

main #clouds .cloud:nth-child(1) { -webkit-animation-name: clouds_float_1, clouds_fadefloat_1; animation-name: clouds_float_1, clouds_fadefloat_1; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 30s; animation-duration: 30s; left: 50%; top: 2rem; opacity: .75; }

main #clouds .cloud:nth-child(2) { -webkit-animation-name: clouds_float_2, clouds_fadefloat_2; animation-name: clouds_float_2, clouds_fadefloat_2; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 20s; animation-duration: 20s; left: 80%; top: 4rem; }

main #clouds .cloud:nth-child(3) { -webkit-animation-name: clouds_float_3, clouds_fadefloat_3; animation-name: clouds_float_3, clouds_fadefloat_3; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 20s; animation-duration: 20s; left: 65%; top: 10rem; }

main #clouds .cloud:nth-child(4) { -webkit-animation-name: clouds_float_4, clouds_fadefloat_4; animation-name: clouds_float_4, clouds_fadefloat_4; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 30s; animation-duration: 30s; left: 35%; top: 9rem; }

main #clouds .cloud:nth-child(5) { -webkit-animation-name: clouds_float_5, clouds_fadefloat_5; animation-name: clouds_float_5, clouds_fadefloat_5; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 40s; animation-duration: 40s; left: 40%; top: 10rem; }

main #clouds .cloud:nth-child(6) { -webkit-animation-name: clouds_float_6, clouds_fadefloat_6; animation-name: clouds_float_6, clouds_fadefloat_6; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 30s; animation-duration: 30s; left: 15%; top: 15rem; }

main #clouds .cloud:nth-child(7) { -webkit-animation-name: clouds_float_7, clouds_fadefloat_7; animation-name: clouds_float_7, clouds_fadefloat_7; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 40s; animation-duration: 40s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); left: 70%; top: 20rem; }

main #clouds .cloud:nth-child(8) { -webkit-animation-name: clouds_float_8, clouds_fadefloat_8; animation-name: clouds_float_8, clouds_fadefloat_8; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 30s; animation-duration: 30s; left: 30%; top: 18rem; }

main #clouds .cloud:nth-child(9) { -webkit-animation-name: clouds_float_9, clouds_fadefloat_9; animation-name: clouds_float_9, clouds_fadefloat_9; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 20s; animation-duration: 20s; left: 5%; top: 22rem; }

@-webkit-keyframes clouds_fadefloat_1 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_1 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_fadefloat_2 { 0% { opacity: 0; }
  10% { opacity: .5; }
  80% { opacity: .5; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_2 { 0% { opacity: 0; }
  10% { opacity: .5; }
  80% { opacity: .5; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_fadefloat_3 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_3 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_fadefloat_4 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_4 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_fadefloat_5 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_5 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_fadefloat_6 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_6 { 0% { opacity: 0; }
  10% { opacity: .75; }
  80% { opacity: .75; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_fadefloat_7 { 0% { opacity: 0; }
  10% { opacity: .6; }
  80% { opacity: .6; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_7 { 0% { opacity: 0; }
  10% { opacity: .6; }
  80% { opacity: .6; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_fadefloat_8 { 0% { opacity: 0; }
  10% { opacity: .5; }
  80% { opacity: .5; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_8 { 0% { opacity: 0; }
  10% { opacity: .5; }
  80% { opacity: .5; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_fadefloat_9 { 0% { opacity: 0; }
  10% { opacity: .25; }
  80% { opacity: .25; }
  100% { opacity: 0; } }

@keyframes clouds_fadefloat_9 { 0% { opacity: 0; }
  10% { opacity: .25; }
  80% { opacity: .25; }
  100% { opacity: 0; } }

@-webkit-keyframes clouds_float_1 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.2); transform: translateX(400%) translateZ(0) scale(0.2); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.2); transform: translateX(-400%) translateZ(0) scale(0.2); } }

@keyframes clouds_float_1 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.2); transform: translateX(400%) translateZ(0) scale(0.2); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.2); transform: translateX(-400%) translateZ(0) scale(0.2); } }

@-webkit-keyframes clouds_float_2 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.5); transform: translateX(400%) translateZ(0) scale(0.5); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.5); transform: translateX(-400%) translateZ(0) scale(0.5); } }

@keyframes clouds_float_2 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.5); transform: translateX(400%) translateZ(0) scale(0.5); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.5); transform: translateX(-400%) translateZ(0) scale(0.5); } }

@-webkit-keyframes clouds_float_3 { from { -webkit-transform: translateX(400%) translateZ(0) scale(1.5); transform: translateX(400%) translateZ(0) scale(1.5); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(1.5); transform: translateX(-400%) translateZ(0) scale(1.5); } }

@keyframes clouds_float_3 { from { -webkit-transform: translateX(400%) translateZ(0) scale(1.5); transform: translateX(400%) translateZ(0) scale(1.5); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(1.5); transform: translateX(-400%) translateZ(0) scale(1.5); } }

@-webkit-keyframes clouds_float_4 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.75); transform: translateX(400%) translateZ(0) scale(0.75); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.75); transform: translateX(-400%) translateZ(0) scale(0.75); } }

@keyframes clouds_float_4 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.75); transform: translateX(400%) translateZ(0) scale(0.75); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.75); transform: translateX(-400%) translateZ(0) scale(0.75); } }

@-webkit-keyframes clouds_float_5 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.5); transform: translateX(400%) translateZ(0) scale(0.5); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.5); transform: translateX(-400%) translateZ(0) scale(0.5); } }

@keyframes clouds_float_5 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.5); transform: translateX(400%) translateZ(0) scale(0.5); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.5); transform: translateX(-400%) translateZ(0) scale(0.5); } }

@-webkit-keyframes clouds_float_6 { from { -webkit-transform: translateX(400%) translateZ(0) scale(1.25); transform: translateX(400%) translateZ(0) scale(1.25); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(1.25); transform: translateX(-400%) translateZ(0) scale(1.25); } }

@keyframes clouds_float_6 { from { -webkit-transform: translateX(400%) translateZ(0) scale(1.25); transform: translateX(400%) translateZ(0) scale(1.25); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(1.25); transform: translateX(-400%) translateZ(0) scale(1.25); } }

@-webkit-keyframes clouds_float_7 { from { -webkit-transform: translateX(400%) translateZ(0) scale(1); transform: translateX(400%) translateZ(0) scale(1); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(1); transform: translateX(-400%) translateZ(0) scale(1); } }

@keyframes clouds_float_7 { from { -webkit-transform: translateX(400%) translateZ(0) scale(1); transform: translateX(400%) translateZ(0) scale(1); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(1); transform: translateX(-400%) translateZ(0) scale(1); } }

@-webkit-keyframes clouds_float_8 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.75); transform: translateX(400%) translateZ(0) scale(0.75); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.75); transform: translateX(-400%) translateZ(0) scale(0.75); } }

@keyframes clouds_float_8 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.75); transform: translateX(400%) translateZ(0) scale(0.75); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.75); transform: translateX(-400%) translateZ(0) scale(0.75); } }

@-webkit-keyframes clouds_float_9 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.4); transform: translateX(400%) translateZ(0) scale(0.4); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.4); transform: translateX(-400%) translateZ(0) scale(0.4); } }

@keyframes clouds_float_9 { from { -webkit-transform: translateX(400%) translateZ(0) scale(0.4); transform: translateX(400%) translateZ(0) scale(0.4); }
  to { -webkit-transform: translateX(-400%) translateZ(0) scale(0.4); transform: translateX(-400%) translateZ(0) scale(0.4); } }

article.zenzen { font-family: "Quicksand", "cwtexyen", "微軟正黑體", "繁黑體", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", Arial, sans-serif, "新細明體", PMingLiU; font-size: 1rem; color: #292b2c; max-width: 1024px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; padding-bottom: 3rem; }

article.zenzen img { max-width: 100%; height: auto; }

article.zenzen p, article.zenzen li { font-size: 1.25rem; line-height: 1.75rem; }

article.zenzen h3 { font-size: 1.75rem; line-height: 2rem; }

@media (min-width: 576px) { article.zenzen { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 768px) { article.zenzen { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 992px) { article.zenzen { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 1200px) { article.zenzen { padding-right: 15px; padding-left: 15px; } }

article.zenzen section { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-right: 0; margin-left: 0; }

@media (min-width: 576px) { article.zenzen section { margin-right: -15px; margin-left: -15px; } }

@media (min-width: 768px) { article.zenzen section { margin-right: -15px; margin-left: -15px; } }

@media (min-width: 992px) { article.zenzen section { margin-right: -15px; margin-left: -15px; } }

@media (min-width: 1200px) { article.zenzen section { margin-right: -15px; margin-left: -15px; } }

article.zenzen section > .col, article.zenzen section > [class*="col-"] { padding-right: 0; padding-left: 0; }

article.zenzen .zenzen_kv { padding-top: 2.5rem; padding-bottom: 2.5rem; }

article.zenzen .zenzen_kv div { position: relative; }

article.zenzen .zenzen_kv h1 { position: absolute; font-size: 24vw; line-height: 22vw; width: 100%; margin-top: 10%; left: 0; top: 0; text-align: center; color: #fff; display: inline-block; text-shadow: 0px 0px 15px #008f8f; -webkit-animation-name: animation_kv_title; animation-name: animation_kv_title; -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: -.5s; animation-delay: -.5s; -webkit-animation-duration: 3s; animation-duration: 3s; z-index: 2; }

article.zenzen .zenzen_kv h1 > small { font-size: 10vw; font-weight: normal; display: inline-block; position: relative; top: -4vw; z-index: 0; text-shadow: none; }

article.zenzen .zenzen_kv h1 > small > span:before { content: ''; background-color: #c69c6d; border-radius: 50%; width: 12vw; height: 12vw; top: 5vw; margin-left: -1vw; z-index: -1; position: absolute; }

article.zenzen .zenzen_kv .svg_curve { width: 90vw; min-height: 50.4vw; padding: 4px; margin: 0 auto; display: block; border: 2px dashed #00a9a9; border-radius: 50%; z-index: 0; }

article.zenzen .zenzen_kv .svg_curve #curve_bg { fill: #00a9a9; }

article.zenzen .zenzen_kv .svg_curve #border .st0 { fill: rgba(228, 242, 242, 0.25); -webkit-animation-name: animation_curve; animation-name: animation_curve; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

article.zenzen .zenzen_kv .svg_curve #border .st0:nth-child(1) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }

article.zenzen .zenzen_kv .svg_curve #border .st0:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

article.zenzen .zenzen_kv .svg_curve #border .st0:nth-child(3) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }

article.zenzen .zenzen_kv .svg_curve #border .st0:nth-child(4) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

article.zenzen .zenzen_kv .svg_curve #point .st1 { fill: rgba(228, 242, 242, 0.85); }

article.zenzen .zenzen_kv .svg_curve #point > g { opacity: 0; -webkit-animation-name: animation_curve; animation-name: animation_curve; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-delay: -.5s; animation-delay: -.5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(1) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(2) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(3) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(4) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(5) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(6) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(7) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(8) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(9) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(10) { -webkit-animation-delay: 2s; animation-delay: 2s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(11) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(12) { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(13) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(14) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(15) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(16) { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(17) { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(18) { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(19) { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(20) { -webkit-animation-delay: 3s; animation-delay: 3s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(21) { -webkit-animation-delay: 3.1s; animation-delay: 3.1s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(22) { -webkit-animation-delay: 3.2s; animation-delay: 3.2s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(23) { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(24) { -webkit-animation-delay: 3.4s; animation-delay: 3.4s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(25) { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(26) { -webkit-animation-delay: 3.6s; animation-delay: 3.6s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(27) { -webkit-animation-delay: 3.7s; animation-delay: 3.7s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(28) { -webkit-animation-delay: 3.8s; animation-delay: 3.8s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(29) { -webkit-animation-delay: 3.9s; animation-delay: 3.9s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(30) { -webkit-animation-delay: 4s; animation-delay: 4s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(31) { -webkit-animation-delay: 4.1s; animation-delay: 4.1s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(32) { -webkit-animation-delay: 4.2s; animation-delay: 4.2s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(33) { -webkit-animation-delay: 4.3s; animation-delay: 4.3s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(34) { -webkit-animation-delay: 4.4s; animation-delay: 4.4s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(35) { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(36) { -webkit-animation-delay: 4.6s; animation-delay: 4.6s; }

article.zenzen .zenzen_kv .svg_curve #point > g:nth-child(37) { -webkit-animation-delay: 4.7s; animation-delay: 4.7s; }

article.zenzen .zenzen_kv .svg_curve #line .st2 { fill: none; stroke: rgba(228, 242, 242, 0.5); stroke-width: 2; }

article.zenzen .zenzen_kv img { position: absolute; -webkit-animation-name: animation_kv; animation-name: animation_kv; -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 999; }

article.zenzen .zenzen_kv img:nth-child(3) { width: 18vw; height: auto; top: 2.5%; right: 5%; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

article.zenzen .zenzen_kv img:nth-child(4) { width: 15vw; height: auto; bottom: 2.5%; left: 10%; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@media (min-width: 768px) { article.zenzen .zenzen_kv h1 { font-size: 9rem; line-height: 8.5rem; width: 100%; }
  article.zenzen .zenzen_kv h1 > small { font-size: 4rem; top: -1.75rem; }
  article.zenzen .zenzen_kv h1 > small > span:before { width: 4.5rem; height: 4.5rem; top: 2.25rem; margin-left: -.5rem; }
  article.zenzen .zenzen_kv .svg_curve { width: 550px; height: 550px; min-height: 550px; }
  article.zenzen .zenzen_kv img:nth-child(3) { width: 120px; height: 190px; top: 2.5%; right: 20%; }
  article.zenzen .zenzen_kv img:nth-child(4) { width: 110px; height: 220px; bottom: 2.5%; left: 20%; } }

@-webkit-keyframes animation_kv_title { 0% { opacity: 0;
    margin-top: 16%; }
  100% { opacity: 1;
    margin-top: 8%; } }

@keyframes animation_kv_title { 0% { opacity: 0;
    margin-top: 16%; }
  100% { opacity: 1;
    margin-top: 8%; } }

@-webkit-keyframes animation_kv { 0% { opacity: 0;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transform: scale(0.25, 0.25);
            transform: scale(0.25, 0.25); }
  10% { opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  70% { opacity: 1; }
  80% { opacity: 0; } }

@keyframes animation_kv { 0% { opacity: 0;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transform: scale(0.25, 0.25);
            transform: scale(0.25, 0.25); }
  10% { opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  70% { opacity: 1; }
  80% { opacity: 0; } }

@-webkit-keyframes animation_curve { 0% { opacity: 0;
    -webkit-transform: translateY(10px) translateZ(0);
            transform: translateY(10px) translateZ(0); }
  20% { opacity: 1;
    -webkit-transform: translateY(5px) translateZ(0);
            transform: translateY(5px) translateZ(0); }
  50% { opacity: 0;
    -webkit-transform: translateY(0px) translateZ(0);
            transform: translateY(0px) translateZ(0); } }

@keyframes animation_curve { 0% { opacity: 0;
    -webkit-transform: translateY(10px) translateZ(0);
            transform: translateY(10px) translateZ(0); }
  20% { opacity: 1;
    -webkit-transform: translateY(5px) translateZ(0);
            transform: translateY(5px) translateZ(0); }
  50% { opacity: 0;
    -webkit-transform: translateY(0px) translateZ(0);
            transform: translateY(0px) translateZ(0); } }

article.zenzen #zenzen_nav nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; transition: opacity .5s; margin-bottom: 2rem; z-index: 999; }

@media (max-width: 575px) { article.zenzen #zenzen_nav nav { margin-bottom: 0rem; } }

article.zenzen #zenzen_nav nav > a { font-size: 1.75rem; background-color: #fff; border-radius: .75rem; text-decoration: none; transition: all .25s; width: calc(50% - .05rem); padding: .5rem 0; text-align: center; text-decoration: none; transition: all .5s; }

article.zenzen #zenzen_nav nav > a:active { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); border-bottom: 2px solid; }

article.zenzen #zenzen_nav nav > a:nth-child(1) { border: 2px solid #e0808c; border-bottom: 6px solid #e0808c; color: #e0808c; background-image: url("../img/actor_01_icon.svg"); background-repeat: no-repeat; background-position: top right; transition: all .5s ease; }

article.zenzen #zenzen_nav nav > a:nth-child(1):hover { background-position: top center; }

article.zenzen #zenzen_nav nav > a:nth-child(2) { border: 2px solid #00a9a9; border-bottom: 6px solid #00a9a9; color: #00a9a9; background-image: url("../img/actor_02_icon.svg"); background-repeat: no-repeat; background-position: top right; transition: all .5s ease; }

article.zenzen #zenzen_nav nav > a:nth-child(2):hover { background-position: top center; }

article.zenzen #zenzen_nav nav > a:nth-child(3) { border: 2px solid #ffd500; border-bottom: 6px solid #ffd500; color: #ffd500; background-image: url("../img/actor_03_icon.svg"); background-repeat: no-repeat; background-position: top right; transition: all .5s ease; }

article.zenzen #zenzen_nav nav > a:nth-child(3):hover { background-position: top center; }

article.zenzen #zenzen_nav nav > a:nth-child(4) { border: 2px solid #337ab7; border-bottom: 6px solid #337ab7; color: #337ab7; background-image: url("../img/actor_04_icon.svg"); background-repeat: no-repeat; background-position: top right; transition: all .5s ease; }

article.zenzen #zenzen_nav nav > a:nth-child(4):hover { background-position: top center; }

@media (min-width: 768px) { article.zenzen #zenzen_nav nav > a { width: calc(25% - 1rem); margin: 0rem; } }

@media (max-width: 767px) { article.zenzen #zenzen_nav nav > a { font-size: 1.25rem; padding: .15rem 0; }
  article.zenzen #zenzen_nav nav > a:nth-child(1) { margin-bottom: .05rem; }
  article.zenzen #zenzen_nav nav > a:nth-child(2) { margin-bottom: .05rem; } }

article.zenzen nav.nav_fixed { position: fixed; top: 0; max-width: 1024px; }

@media (max-width: 575px) { article.zenzen nav.nav_fixed { margin: 0 -15px; } }

article.zenzen nav.nav_fixed > a { padding: .5rem 0; }

article.zenzen #zenzen_book, article.zenzen #zenzen_video, article.zenzen #zenzen_message { margin-bottom: 3rem; }

article.zenzen #zenzen_book .h2_img, article.zenzen #zenzen_video .h2_img, article.zenzen #zenzen_message .h2_img { position: absolute; top: -2rem; left: .5rem; z-index: 99; }

article.zenzen #zenzen_book { margin-top: 2.5rem; }

@media (max-width: 575px) { article.zenzen #zenzen_book .h2_img { width: 5rem; height: auto; top: -.5rem; left: 0rem; } }

@media (max-width: 575px) { article.zenzen #zenzen_video .h2_img { width: 3.5rem; height: auto; top: -1.5rem; left: .5rem; } }

article.zenzen #zenzen_message { margin-bottom: 0rem; }

@media (max-width: 575px) { article.zenzen #zenzen_message .h2_img { width: 6rem; height: auto; top: -1rem; left: -1rem; } }

article.zenzen #zenzen_book { background-color: #ffeff4; background-image: url("../img/bg_01.png"); border-bottom: 10px solid #e0808c; border-radius: 1rem; }

article.zenzen #zenzen_book .col-12 { margin-bottom: 1rem; }

article.zenzen #zenzen_book h2 { font-size: 1.5rem; margin: 0 auto; display: inline-block; padding: 0 1rem; border: 2px dashed #fff; border-radius: 2rem; cursor: pointer; font-weight: normal; }

article.zenzen #zenzen_book h2 > img { padding-left: .5rem; width: 1.5rem; }

article.zenzen #zenzen_book .book_dropdown { position: relative; background-color: #e0808c; border-top-left-radius: 1rem; border-top-right-radius: 1rem; color: #fff; font-weight: normal; font-size: 1.75rem; text-align: center; padding: .5rem 0; }

@media (max-width: 575px) { article.zenzen #zenzen_book .book_dropdown { padding: .5rem 0; line-height: 1.5rem; } }

article.zenzen #zenzen_book .book_dropdown:hover .dropdown_content, article.zenzen #zenzen_book .book_dropdown:active .dropdown_content { display: block; }

article.zenzen #zenzen_book .book_dropdown .dropdown_content { background-color: #fff; width: 40%; position: absolute; padding: .25rem .5rem 0 3rem; border-radius: 1rem; list-style-type: decimal-leading-zero; box-shadow: 0 0 15px #ff8da1; z-index: 999; left: calc(50% - 20%); display: none; }

article.zenzen #zenzen_book .book_dropdown .dropdown_content > li { font-size: 1rem; list-style-position: outside; color: #fff; margin-left: -.5rem; border-bottom: 1px dashed #e0808c; text-align: left; }

article.zenzen #zenzen_book .book_dropdown .dropdown_content > li:last-child { border-bottom: 0px; }

article.zenzen #zenzen_book .book_dropdown .dropdown_content > li:before { content: ''; position: relative; margin-left: -1.65rem; width: 1.5rem; border-radius: 2rem; height: 1.5rem; top: .35rem; display: inline-block; background-color: #e0808c; z-index: -99; }

article.zenzen #zenzen_book .book_dropdown .dropdown_content > li > a { font-size: 1.25rem; color: #e0808c; text-decoration: none; display: inline-block; width: 100%; line-height: 1.5rem; padding: .25rem .25rem; vertical-align: top; transition: all .5s; }

article.zenzen #zenzen_book .book_dropdown .dropdown_content > li > a:hover, article.zenzen #zenzen_book .book_dropdown .dropdown_content > li > a:active { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem); font-weight: bold; }

@media (max-width: 575px) { article.zenzen #zenzen_book .book_dropdown .dropdown_content { width: 80%; left: calc(50% - 40%); padding: .25rem .25rem 0 2.75rem; }
  article.zenzen #zenzen_book .book_dropdown .dropdown_content > li > a { font-size: 1.25rem; line-height: 1.25rem; } }

article.zenzen #zenzen_book p.about { display: block; padding: .5rem 1rem; margin: 0 auto; border-radius: 3rem; background-color: #e0808c; color: #fff; position: relative; z-index: 1; margin-bottom: 1.5rem; }

article.zenzen #zenzen_book p.about:before, article.zenzen #zenzen_book p.about:after { content: ''; border-bottom: 2px solid #e0808c; position: absolute; width: 6rem; top: 1.5rem; left: 4rem; z-index: -1; }

article.zenzen #zenzen_book p.about:after { right: 4rem; left: auto; }

article.zenzen #zenzen_video { background-color: #fff; background-image: url("../img/bg_02.png"); border-bottom: 10px solid #00a9a9; border-radius: 1rem; }

article.zenzen #zenzen_video > div:nth-child(2) { padding: 2rem 1rem 2rem 2rem; }

@media (max-width: 767px) { article.zenzen #zenzen_video > div:nth-child(2) { padding: 1rem; } }

article.zenzen #zenzen_video > div:nth-child(3) { padding: 2rem 2rem 2rem 1rem; }

@media (max-width: 767px) { article.zenzen #zenzen_video > div:nth-child(3) { padding: 1rem; } }

article.zenzen #zenzen_video h2 { background-color: #00a9a9; border-top-left-radius: 1rem; border-top-right-radius: 1rem; color: #fff; font-weight: normal; font-size: 1.75rem; text-align: center; padding: .5rem 0; }

@media (max-width: 575px) { article.zenzen #zenzen_video h2 { padding: .5rem 0; line-height: 1.5rem; } }

article.zenzen #zenzen_video a img { max-width: 100%; width: 100%; height: auto; }

article.zenzen #zenzen_video a { cursor: pointer; position: relative; margin-bottom: 1.5rem; display: inline-block; transition: all .5s; }

article.zenzen #zenzen_video a:hover img.play, article.zenzen #zenzen_video a:focus img.play { opacity: .25; }

article.zenzen #zenzen_video .play { position: absolute; width: 6rem; height: 6rem; opacity: .5; top: calc(50% - 3rem); left: calc(50% - 3rem); pointer-events: none; }

article.zenzen #zenzen_video .avatar { background-color: rgba(0, 169, 169, 0.25); border: 1px solid #fff; box-shadow: 0 0 15px rgba(0, 169, 169, 0.25); border-radius: 50%; }

article.zenzen #zenzen_video .outline { position: relative; padding-left: 2rem; }

@media (max-width: 575px) { article.zenzen #zenzen_video .outline { padding-left: 1rem; } }

article.zenzen #zenzen_video .outline span { z-index: 1; position: relative; color: #00a9a9; margin: 0; display: inline; line-height: 2.5rem; }

article.zenzen #zenzen_video .outline span:before { background-color: rgba(0, 169, 169, 0.25); display: block; content: ""; width: calc(100% + 1rem); height: .75rem; position: absolute; bottom: -.05em; left: -.5rem; z-index: 0; }

@media (max-width: 575px) { article.zenzen #zenzen_video .outline span { font-size: 1.2rem; line-height: 1.75rem; }
  article.zenzen #zenzen_video .outline span:before { display: none; } }

article.zenzen #zenzen_video p { background-color: rgba(0, 169, 169, 0.1); color: #00a9a9; padding: 2rem; margin-top: 1rem; min-height: 185px; border-radius: 1rem; border-top-left-radius: 4rem; border-bottom-right-radius: 4rem; }

@media (max-width: 991px) { article.zenzen #zenzen_video p { min-height: 150px; } }

@media (max-width: 575px) { article.zenzen #zenzen_video p { padding: 1rem; border-top-left-radius: 2rem; border-bottom-right-radius: 2rem; } }

article.zenzen #zenzen_message { background-color: #fff3e1; background-image: url("../img/bg_03.png"); border-bottom: 10px solid #f7c443; border-radius: 1rem; }

article.zenzen #zenzen_message h2 { background-color: #f7c443; border-top-left-radius: 1rem; border-top-right-radius: 1rem; color: #fff; font-weight: normal; font-size: 1.75rem; text-align: center; padding: .5rem 0; }

@media (max-width: 575px) { article.zenzen #zenzen_message h2 { padding: .5rem 0; line-height: 1.5rem; } }

@media (max-width: 767px) { article.zenzen #zenzen_message h2 { padding-left: 5rem; padding-right: .5rem; line-height: 2rem; } }

article.zenzen #zenzen_message form { padding: 2rem; width: 100%; }

article.zenzen #zenzen_message form > div { margin-bottom: 1rem; }

article.zenzen #zenzen_message form input, article.zenzen #zenzen_message form textarea, article.zenzen #zenzen_message form button { width: 100%; line-height: 2rem; }

article.zenzen #zenzen_message form input, article.zenzen #zenzen_message form textarea { border-radius: .25rem; padding: 0 .5rem; }

article.zenzen #zenzen_message form label { text-align: right; font-size: 1.1rem; padding-right: .5rem; }

article.zenzen #zenzen_message form .checkbox label { width: 100%; text-align: left; }

article.zenzen #zenzen_message form .checkbox input { width: auto; }

article.zenzen #zenzen_message form button { font-size: 1.75rem; background-color: #fff; border-radius: .75rem; text-decoration: none; border: 2px solid #ffd500; border-bottom: 6px solid #ffd500; color: #ffd500; background-image: url(../img/actor_03_icon.svg); background-repeat: no-repeat; background-position: top right; }

@media (max-width: 767px) { article.zenzen #zenzen_message form { padding: 1rem; }
  article.zenzen #zenzen_message form label { text-align: left; } }

article.zenzen article.message { width: 100%; }

article.zenzen article.message .col-2 img { width: 60px; height: 60px; margin-top: .5rem; border: 1px solid rgba(224, 128, 140, 0.25); background-color: #fff; border-radius: 50%; box-shadow: 0 0 15px rgba(224, 128, 140, 0.25); float: right; margin-right: 1rem; }

@media (max-width: 767px) { article.zenzen article.message .col-2 img { width: 40px; height: 40px; margin-right: .25rem; } }

article.zenzen article.message .col-10 h3 { color: #e0808c; position: relative; padding-left: 1.5rem; }

article.zenzen article.message .col-10 h3 span { z-index: 1; position: relative; color: #337ab7; margin: 0; display: inline; line-height: 2rem; }

article.zenzen article.message .col-10 h3 span:before { background-color: rgba(51, 122, 183, 0.25); display: block; content: ""; width: calc(100% + .5rem); height: .75rem; position: absolute; bottom: .05em; left: -.25rem; z-index: 0; }

@media (max-width: 575px) { article.zenzen article.message .col-10 h3 span:before { display: none; } }

article.zenzen article.message .col-10 h3 sup { font-size: 1rem; background-color: #e0808c; color: #fff; padding: .25rem .4rem; border-radius: 1rem; }

@media (max-width: 575px) { article.zenzen article.message .col-10 h3 sup { font-size: .75rem; padding: .1rem .2rem; } }

@media (max-width: 575px) { article.zenzen article.message .col-10 h3 { padding-left: 1rem; font-size: 1rem; } }

article.zenzen article.message .col-10 h3 span { font-size: 2rem; }

@media (max-width: 575px) { article.zenzen article.message .col-10 h3 span { font-size: 1.5rem; } }

@media (max-width: 575px) { article.zenzen article.message .col-10 p { font-size: 1rem; line-height: 1.25rem; } }

article.zenzen article.message .col-10 ul { list-style: none; }

article.zenzen article.message .col-10 ul span { color: #00a9a9; font-weight: bold; font-size: 1.2rem; }

@media (max-width: 575px) { article.zenzen article.message .col-10 ul span { font-size: 1rem; } }

@media (max-width: 575px) { article.zenzen article.message .col-10 ul li { font-size: 1rem; line-height: 1.25rem; } }

article.zenzen article.message .col-10 ul li > span:after { content: '\00BB'; padding-right: .25rem; padding-left: .25rem; }

article.zenzen article.message .col-10 .book_vol { display: inline-block; margin: .5rem; background-color: #fff; border-radius: 1rem; box-shadow: 0 0 15px rgba(224, 128, 140, 0.25); }

@media (max-width: 575px) { article.zenzen article.message .col-10 .book_vol { width: 60%; } }

article.zenzen article.message .col-10 .book_vol img { width: 150px; height: 205px; border-radius: 1rem; float: left; }

@media (max-width: 575px) { article.zenzen article.message .col-10 .book_vol img { width: 100%; height: auto; } }

article.zenzen article.message .col-10 .book_vol .book_group { float: right; width: 45%; }

article.zenzen article.message .col-10 .book_vol .book_group a { width: 100%; height: 100px; display: inline-block; text-align: center; line-height: 100px; color: #e0808c; text-decoration: none; position: relative; padding-top: .5rem; transition: all .5s ease; font-size: 1.25rem; }

article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(1):after, article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(2):after { content: 'PDF'; position: absolute; font-weight: bold; color: #fff; font-size: 1rem; top: 35%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(1):before, article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(2):before { content: ''; position: absolute; width: 4.5rem; height: 4.5rem; color: #fff; background-color: rgba(224, 128, 140, 0.25); border-radius: 3rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 575px) { article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(1):before, article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(2):before { width: 2.5rem; height: 2.5rem; } }

article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(2):after { content: '+'; }

article.zenzen article.message .col-10 .book_vol .book_group a:hover, article.zenzen article.message .col-10 .book_vol .book_group a:active { -webkit-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); }

@media (max-width: 575px) { article.zenzen article.message .col-10 .book_vol .book_group { width: 100%; }
  article.zenzen article.message .col-10 .book_vol .book_group a { float: right; width: 50%; height: 70px; line-height: 70px; font-size: .85rem; }
  article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(1):after, article.zenzen article.message .col-10 .book_vol .book_group a:nth-child(2):after { font-size: .75rem; top: 45%; left: 50%; } }

article.zenzen article.message .bubble { display: inline-block; padding: .75rem 1rem; margin: .5rem; background-color: #fff; border-radius: 1rem; max-width: 80%; box-shadow: 0 0 15px rgba(224, 128, 140, 0.25); position: relative; z-index: 99; }

@media (max-width: 767px) { article.zenzen article.message .bubble { max-width: 100%; padding: .5rem 1rem; } }

article.zenzen article.message .bubble:after { border-color: #fff; border-radius: 50% 50% 50% 50%; border-style: solid; border-width: 0 15px; top: -10px; clip: rect(20px, 35px, 42px, 0px); content: ""; height: 40px; width: 65px; position: absolute; z-index: 1; left: auto; right: -49px; }

article.zenzen article.message .bubble.left:after { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); left: -49px; }

article.zenzen article.message.right { text-align: right; }

article.zenzen article.message.right .col-2 img { float: left; margin-left: .5rem; }

article.zenzen article.message.right .col-10 p, article.zenzen article.message.right .col-10 ul { text-align: left; }

article.zenzen article.message.end { margin-bottom: 3rem; }

article.zenzen .zenzen_gotop { position: fixed; font-family: "Quicksand", "cwtexyen", "微軟正黑體", "繁黑體", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", Arial, sans-serif, "新細明體", PMingLiU; right: 1rem; bottom: 1rem; background-color: #00a9a9; font-size: 1rem; padding: .75rem .5rem; border-radius: 3rem; font-weight: bold; text-transform: uppercase; color: #fff; opacity: .25; transition: all .2s; z-index: 999; }

article.zenzen .zenzen_gotop:hover { color: #fff; text-decoration: none; opacity: 1; padding: 1.75rem .5rem; }

article.zenzen a.open-popup-link { color: #A34138; font-weight: bold; }

.mfp-iframe-holder .mfp-close { font-size: 3rem; margin-top: -1rem; color: #00a9a9; }

.white-popup { font-family: "微軟正黑體", Arial, sans-serif; font-size: .85rem; position: relative; background: #FFF; padding: 2rem; width: auto; max-width: 70%; margin: 4rem auto; color: #666; border-radius: 1rem; }

.white-popup h3 { font-family: "Quicksand", "cwtexyen", "微軟正黑體", "繁黑體", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", Arial, sans-serif, "新細明體", PMingLiU; color: #f7c443; font-size: 1.5rem; padding-top: 1.25rem; }

.white-popup h4 { font-family: "Quicksand", "cwtexyen", "微軟正黑體", "繁黑體", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", Arial, sans-serif, "新細明體", PMingLiU; color: #337ab7; font-size: 1.1rem; }

.white-popup .mfp-close { font-size: 3rem; margin: 1rem; color: #f7c443; }

@media (max-width: 767px) { .white-popup { font-size: 1rem; }
  .white-popup h3, .white-popup h4 { font-size: 1.5rem; } }

.tooltip { position: absolute; z-index: 1070; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; font-family: "Quicksand", "cwtexyen", "微軟正黑體", "繁黑體", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", Arial, sans-serif, "新細明體", PMingLiU; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; }

.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; content: ""; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; }

.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; }

.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; }

.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; content: ""; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; }

.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: .25rem; }

.tooltip-inner::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }