@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css");
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 { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: "Noto Sans TC", sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

a { text-decoration: none !important; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ -webkit-box-sizing: border-box; box-sizing: border-box; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: 0.1s; transition-duration: 0.1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: 0.45s; transition-duration: 0.45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: 0.55s; transition-duration: 0.55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: 0.65s; transition-duration: 0.65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: 0.7s; transition-duration: 0.7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: 0.85s; transition-duration: 0.85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: 0.9s; transition-duration: 0.9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: 0.95s; transition-duration: 0.95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: 0.95s; transition-delay: 0.95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { -webkit-transition-timing-function: ease; transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^="fade"][data-aos^="fade"] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; }

[data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }

[data-aos="fade-up"] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }

[data-aos="fade-down"] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }

[data-aos="fade-right"] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); }

[data-aos="fade-left"] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }

[data-aos="fade-up-right"] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); }

[data-aos="fade-up-left"] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); }

[data-aos="fade-down-right"] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); }

[data-aos="fade-down-left"] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); }

[data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; }

[data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); }

[data-aos="zoom-in"] { -webkit-transform: scale(0.6); transform: scale(0.6); }

[data-aos="zoom-in-up"] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos="zoom-in-down"] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos="zoom-in-right"] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos="zoom-in-left"] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos="zoom-out"] { -webkit-transform: scale(1.2); transform: scale(1.2); }

[data-aos="zoom-out-up"] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos="zoom-out-down"] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos="zoom-out-right"] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos="zoom-out-left"] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); }

[data-aos^="slide"][data-aos^="slide"] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

[data-aos^="slide"][data-aos^="slide"].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); }

[data-aos="slide-up"] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

[data-aos="slide-down"] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

[data-aos="slide-right"] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

[data-aos="slide-left"] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

[data-aos^="flip"][data-aos^="flip"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

[data-aos="flip-left"] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); }

[data-aos="flip-left"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); }

[data-aos="flip-right"] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); }

[data-aos="flip-right"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); }

[data-aos="flip-up"] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); }

[data-aos="flip-up"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); }

[data-aos="flip-down"] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); }

[data-aos="flip-down"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); }

video { -o-object-fit: cover; object-fit: cover; /*position: float;*/ margin-top: 100px; /*height: 600px; width: 600px;*/ -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }

.fix-input { height: 45px; padding: 0 15px; border: 1px solid #279eff; border-radius: 5px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 7px 10px; }

.fix-input:focus { border: 1px solid #ffbb27; }

@media (max-width: 500px) { .fix-input { font-size: 18px; height: 40px; width: 100%; margin: 10px 0; } }

.fix-button { padding: 0 15px; margin: 0 7px 10px; border: 1px solid rgba(0, 128, 0, 0.486); background: linear-gradient(135deg, green 80%, white 100%); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; height: 45px; border-radius: 5px; font-size: 20px; color: white; }

@media (max-width: 500px) { .fix-button { font-size: 18px; height: 40px; width: 100%; margin: 10px 0; } }

.fix-button2 { padding: 0 15px; margin: 0 7px 10px; border: 1px solid #279eff; background: linear-gradient(135deg, #008cff 80%, white 100%); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; height: 45px; border-radius: 5px; font-size: 20px; color: white; }

@media (max-width: 500px) { .fix-button2 { font-size: 18px; height: 40px; width: 100%; margin: 10px 0; } }

input[type="button"] { cursor: pointer; }

main { width: 100%; padding-top: 50px; }

main > .flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

main > .flex > * { height: calc(100vh - 50px); }

main > .flex .leftNav { z-index: 0; background: linear-gradient(135deg, #008cff 60%, #4fc9e7 100%); color: white; position: relative; font-size: 22px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: 380px; height: calc(100vh - 50px); }

@media (max-width: 500px) { main > .flex .leftNav { width: 100%; } }

main > .flex .leftNav .scroll { width: 100%; min-height: calc(100vh - 50px); height: 100%; overflow-y: scroll; }

main > .flex .leftNav .scroll > ul { width: 100%; padding: 50px 15px; }

@media (max-width: 500px) { main > .flex .leftNav .scroll > ul { padding: 30px 15px; } }

main > .flex .leftNav .scroll > ul > li { width: 100%; cursor: pointer; padding: 15px 30px; -webkit-transition: 0.4s linear; transition: 0.4s linear; }

@media (max-width: 500px) { main > .flex .leftNav .scroll > ul > li { padding: 10px 15px; } }

main > .flex .leftNav .scroll > ul > li:hover { -webkit-transition: 0.4s linear; transition: 0.4s linear; color: gold; }

main > .flex .leftNav .scroll > ul li a { display: block; color: white; padding: 15px 30px; }

@media (max-width: 500px) { main > .flex .leftNav .scroll > ul li a { padding: 10px 15px; } }

main > .flex .leftNav .scroll > ul li i { width: 30px; margin: 10px; }

main > .flex .leftNav .scroll > ul li i.showbottom { width: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

main > .flex .leftNav .scroll > ul li ul { display: none; }

main > .flex .leftNav .scroll > ul li ul li { margin-left: 30px; }

main > .flex .leftNav .scroll > ul li ul li:nth-of-type(1) { margin-top: 15px; }

main > .flex .leftNav .scroll > ul li ul li > a:hover { background-color: rgba(245, 245, 245, 0.301); -webkit-transition: 0.3s linear; transition: 0.3s linear; }

main > .flex .leftNav > .show { font-size: 18px; line-height: 1.2; cursor: pointer; display: none; position: absolute; right: -30px; top: calc(50vh - 40px); width: 30px; height: 70px; background-color: white; border-radius: 0 5px 5px 0; -webkit-box-shadow: 5px 5px 10px rgba(128, 128, 128, 0.788); box-shadow: 5px 5px 10px rgba(128, 128, 128, 0.788); display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main > .flex .leftNav > .show span { text-align: center; color: black; }

@media (max-width: 1399.98px) { main > .flex .leftNav > .show { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (max-width: 500px) { main > .flex .leftNav > .show { display: none; } }

@media (max-width: 1399.98px) { main > .flex .leftNav { position: fixed; left: 0; top: 50px; height: calc(100vh - 50px); z-index: 99998; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.3s linear; transition: 0.3s linear; }
  main > .flex .leftNav.en { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.3s linear; transition: 0.3s linear; } }

main > .flex .right { overflow-y: scroll; padding: 65px 100px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: rgba(187, 230, 255, 0.664); background: linear-gradient(45deg, #9edbff 0%, white 100%); }

@media (max-width: 767.98px) { main > .flex .right { padding: 64px 20px; } }

main > .flex .right.identify .step { display: inline-block; position: relative; }

main > .flex .right.identify .step.step1 .explan { width: 100%; }

main > .flex .right.identify .step .explan { font-size: 22px; width: 300px; text-align: justify; line-height: 1.5; padding: 15px 25px; position: absolute; background-color: whitesmoke; display: none; left: 0; bottom: calc(100% + 20px); -webkit-box-shadow: 0 0 10px #2196f3, 0 0 40px #2196f3; box-shadow: 0 0 10px #2196f3, 0 0 40px #2196f3; }

main > .flex .right.identify .step .explan.bottom { bottom: -20px; -webkit-transform: translateY(100%); transform: translateY(100%); }

@media (max-width: 500px) { main > .flex .right.identify .step .explan { width: 250px; font-size: 18px; } }

main > .flex .right.identify .step .explan a { display: block; text-align: right; }

main > .flex .right.identify .zMax { z-index: 99999; -webkit-box-shadow: 0 0 10px 15px #2196f3 !important; box-shadow: 0 0 10px 15px #2196f3 !important; background-color: #b5e4ff; }

main > .flex .right.identify .zMax > .explan { display: block; }

main > .flex .right.identify > .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

main > .flex .right.identify > .flex .teach { position: absolute; top: -30px; right: 0; }

main > .flex .right.identify > .flex .dogimg { width: 600px; height: 600px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.603); position: relative; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 767.98px) { main > .flex .right.identify > .flex .dogimg { width: 100%; height: calc(100vw - 30px); } }

main > .flex .right.identify > .flex .dogimg .eyeBox { width: 50%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 35%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 99997; font-size: 40px; display: none; }

main > .flex .right.identify > .flex .dogimg #getimage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 767.98px) { main > .flex .right.identify > .flex .dogimg #getimage { width: 100%; height: calc(100vw - 30px); } }

main > .flex .right.identify > .flex .dogimg .upload { padding-top: 15px; width: 100%; color: black; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 991.98px) { main > .flex .right.identify > .flex .dogimg .upload { bottom: -80px; } }

main > .flex .right.identify > .flex .dogimg .upload > * { margin: 0 5px 10px; }

main > .flex .right.identify > .flex .dogimg .upload .step1 { margin-right: auto; }

@media (max-width: 991.98px) { main > .flex .right.identify > .flex .dogimg .upload .step1 { width: 100%; } }

main > .flex .right.identify > .flex .content { background-size: 25px 25px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main > .flex .right.identify > .flex .content .row span { display: block; font-size: 18px; }

main > .flex .right.identify > .flex .content .row input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 45px; padding: 0 15px; border: 1px solid #279eff; border-radius: 5px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

main > .flex .right.identify > .flex .content .row input:focus { border: 1px solid #ffbb27; }

@media (max-width: 500px) { main > .flex .right.identify > .flex .content .row input { font-size: 18px; height: 40px; width: 100%; } }

main > .flex .right.identify > .flex .content .result { font-size: 40px; margin: 120px 0; padding: 15px 25px 25px; background-image: url("../img/dog_PNG2406 (1).png"); background-size: contain; background-repeat: no-repeat; background-position: left center; }

main > .flex .right.identify > .flex .content .result.zMax { background-color: whitesmoke; -webkit-box-shadow: 5px 5px 7px grey; box-shadow: 5px 5px 7px grey; }

@media (max-width: 1199.98px) { main > .flex .right.identify > .flex .content .result { padding: 100px 0 60px; } }

@media (max-width: 767.98px) { main > .flex .right.identify > .flex .content .result { margin: 80px 0 40px; font-size: 25px; } }

main > .flex .right.identify > .flex .content .result span { display: inline-block; font-size: 1.5em; margin: 0 15px; font-weight: bold; border-bottom: 4px solid gold; }

main > .flex .right.identify > .flex .content .startIdentify { width: 200px; height: 40px; background: linear-gradient(135deg, green 80%, white 100%); font-size: 22px; color: white; border-radius: 5px; }

main > .flex .right.identify > .flex .content .standard { margin: 40px 0; padding: 25px 40px; background: whitesmoke; -webkit-box-shadow: 5px 5px 7px gray; box-shadow: 5px 5px 7px gray; }

@media (max-width: 767.98px) { main > .flex .right.identify > .flex .content .standard { padding: 15px; } }

main > .flex .right.identify > .flex .content .standard span { font-weight: 300; color: crimson; }

main > .flex .right.identify > .flex .content .standard ul { font-size: 20px; border-left: 4px solid gold; padding: 0 15px; }

main > .flex .right.identify > .flex .content .standard ul li { line-height: 1.5; margin: 10px; color: black; }

@media (max-width: 500px) { main > .flex .right.identify > .flex .content .standard ul li { font-size: 18px; } }

main > .flex .right.identify > .flex .content .buttonbox { padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

main > .flex .right.identify > .flex .content .buttonbox > button { margin: 0 10px; width: 200px; height: 40px; background: linear-gradient(135deg, #008cff 80%, white 100%); color: white; border-radius: 5px; font-size: 20px; margin-bottom: 15px; }

main > .flex .right.tableStyle { font-size: 22px; padding: 65px 100px 0; }

main > .flex .right.tableStyle input, main > .flex .right.tableStyle select { height: 45px; padding: 0 15px; border: 1px solid #279eff; border-radius: 5px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

main > .flex .right.tableStyle input:focus, main > .flex .right.tableStyle select:focus { border: 1px solid #ffbb27; }

@media (max-width: 500px) { main > .flex .right.tableStyle input, main > .flex .right.tableStyle select { font-size: 18px; height: 40px; width: 100%; } }

@media (max-width: 1199.98px) { main > .flex .right.tableStyle { padding: 65px 20px 0; } }

@media (max-width: 767.98px) { main > .flex .right.tableStyle { padding: 65px 20px; } }

@media (max-width: 500px) { main > .flex .right.tableStyle { padding: 30px 20px; } }

main > .flex .right.tableStyle .form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 500px) { main > .flex .right.tableStyle .form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (max-width: 767.98px) { main > .flex .right.tableStyle .form .bydate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  main > .flex .right.tableStyle .form .bydate > input:nth-of-type(1) { margin-top: 15px; } }

@media (max-width: 500px) { main > .flex .right.tableStyle .form .bystate select { width: 100%; margin-top: 15px; } }

main > .flex .right.tableStyle .form > * { margin-bottom: 15px; margin-right: 20px; }

main > .flex .right.tableStyle .form > *:last-of-type { margin-right: 0; }

@media (max-width: 500px) { main > .flex .right.tableStyle .form > * { margin-right: 0; } }

main > .flex .right.tableStyle .form > input[type="submit"], main > .flex .right.tableStyle .form input[type="button"] { height: 45px; border-radius: 5px; font-size: 20px; background: linear-gradient(135deg, #008cff 80%, white 100%); color: white; margin-left: auto; }

@media (max-width: 500px) { main > .flex .right.tableStyle .form > input[type="submit"], main > .flex .right.tableStyle .form input[type="button"] { height: 40px; font-size: 18px; } }

main > .flex .right.tableStyle .form.role select { color: grey; }

main > .flex .right.tableStyle .form.role input, main > .flex .right.tableStyle .form.role select { margin: 0 7px 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media (max-width: 500px) { main > .flex .right.tableStyle .form.role input, main > .flex .right.tableStyle .form.role select { width: 100%; margin-right: 0; margin-left: 0; } }

main > .flex .right.tableStyle .form.role .search { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; margin-bottom: 15px; }

main > .flex .right.tableStyle .form.role .search > input[type="button"] { border: 1px solid rgba(0, 128, 0, 0.486); background: linear-gradient(135deg, green 80%, white 100%); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }

main > .flex .right.tableStyle .form.role .function { margin-bottom: 0; }

main > .flex .right.tableStyle .orderflex { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

main > .flex .right.tableStyle .orderflex > .flex { padding: 0 20px 20px 20px; margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px 10px 0 0; }

@media (max-width: 767.98px) { main > .flex .right.tableStyle .orderflex > .flex { padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } }

main > .flex .right.tableStyle .orderflex > .flex .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767.98px) { main > .flex .right.tableStyle .orderflex > .flex .page { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

main > .flex .right.tableStyle .orderflex > .flex .page .prev5, main > .flex .right.tableStyle .orderflex > .flex .page .next5 { white-space: nowrap; color: black; }

@media (max-width: 767.98px) { main > .flex .right.tableStyle .orderflex > .flex .page .prev5, main > .flex .right.tableStyle .orderflex > .flex .page .next5 { display: none; } }

main > .flex .right.tableStyle .orderflex > .flex .page > * { margin: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; }

@media (max-width: 500px) { main > .flex .right.tableStyle .orderflex > .flex .page > * { margin: 5px; } }

main > .flex .right.tableStyle .orderflex > .flex .page .prev, main > .flex .right.tableStyle .orderflex > .flex .page .next { color: black; font-weight: bold; }

main > .flex .right.tableStyle .orderflex > .flex .page .num { color: black; border-radius: 50%; padding-bottom: 3px; }

main > .flex .right.tableStyle .orderflex > .flex .page .num.active { background-color: black; color: white; -webkit-transition: 0.3s linear; transition: 0.3s linear; }

main > .flex .right.tableStyle .orderflex > .flex .page .num.active:hover { background-color: black; }

main > .flex .right.tableStyle .orderflex > .flex .page .num:hover { background-color: rgba(128, 128, 128, 0.425); -webkit-transition: 0.3s linear; transition: 0.3s linear; }

main > .flex .right.tableStyle .orderflex > .flex #total { margin: 10px 0; color: black; font-size: 20px; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; }

main > .flex .right.tableStyle .tablebox { height: 600px; overflow: auto; opacity: 1; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; }

main > .flex .right.tableStyle .tablebox.active { -webkit-transition: 0s ease-out; transition: 0s ease-out; opacity: 0; }

main > .flex .right.tableStyle .tablebox::-webkit-scrollbar { width: 15px; border-radius: 10px; }

main > .flex .right.tableStyle .tablebox::-webkit-scrollbar-track { background-color: whitesmoke; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 2px; }

main > .flex .right.tableStyle .tablebox::-webkit-scrollbar-thumb { background: linear-gradient(45deg, rgba(3, 121, 255, 0.582), rgba(86, 165, 255, 0.555), #a9e7ff); border: 2px solid white; border-radius: 2px; }

main > .flex .right.tableStyle .tablebox td, main > .flex .right.tableStyle .tablebox th { padding: 20px 10px; border-right: 1px solid rgba(128, 128, 128, 0.692); -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }

main > .flex .right.tableStyle .tablebox td:last-of-type, main > .flex .right.tableStyle .tablebox th:last-of-type { border-right: none; }

@media (max-width: 500px) { main > .flex .right.tableStyle .tablebox td, main > .flex .right.tableStyle .tablebox th { padding: 10px 10px; } }

main > .flex .right.tableStyle .tablebox table { width: 100%; text-align: center; -webkit-box-shadow: 5px 5px 15px -10px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 15px -10px rgba(0, 0, 0, 0.5); }

main > .flex .right.tableStyle .tablebox table thead { background-color: black; color: white; position: -webkit-sticky; position: sticky; top: -1px; z-index: 9999; }

main > .flex .right.tableStyle .tablebox table thead tr th i { margin: 0 10px; }

main > .flex .right.tableStyle .tablebox table thead tr th .flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; vertical-align: middle; margin-left: 10px; }

main > .flex .right.tableStyle .tablebox table thead tr th .flex a { color: white; font-size: 12px; }

main > .flex .right.tableStyle .tablebox table thead tr th .flex a:hover { color: #48b6ff; -webkit-transition: 0.3s linear; transition: 0.3s linear; text-shadow: 0px 0px 10px 10px #48b6ff; }

main > .flex .right.tableStyle .tablebox table thead tr th .flex a:nth-of-type(1) { -webkit-transform: rotate(180deg) translateX(-1%); transform: rotate(180deg) translateX(-1%); }

main > .flex .right.tableStyle .tablebox table tbody tr td::before { display: none; }

main > .flex .right.tableStyle .tablebox table tbody tr td.id::before { content: '晶片號碼'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.date::before { content: '日期'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.pending-date::before { content: '後送日期'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.returndate::before { content: '回覆時間'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.state::before { content: '狀態'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.download::before { content: '清冊下載'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.detail::before { content: '詳細資訊'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.roleName::before { content: '角色名稱'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.play::before { content: '啟用數'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.stop::before { content: '停用數'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.function::before { content: '功能'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.sort::before { content: '序號'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.role::before { content: '角色'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.set::before { content: '設定'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.ID::before { content: '帳號'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.name::before { content: '名稱'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.userName::before { content: '使用者名稱'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.userCompany::before { content: '使用者單位'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.phone::before { content: '電話'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.other::before { content: '其他資訊'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.id::before { content: '晶片號碼'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.date::before { content: '日期'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.pending-date::before { content: '後送日期'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.returndate::before { content: '回覆時間'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.state::before { content: '狀態'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.download::before { content: '清冊下載'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.detail::before { content: '詳細資訊'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.roleName::before { content: '角色名稱'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.play::before { content: '啟用數'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.stop::before { content: '停用數'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.function::before { content: '功能'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.sort::before { content: '序號'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.role::before { content: '角色'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.set::before { content: '設定'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.ID::before { content: '帳號'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.name::before { content: '名稱'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.company::before { content: '單位'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.part::before { content: '部門'; }

main > .flex .right.tableStyle .tablebox table tbody tr td.manage::before { content: '管理權限'; }

main > .flex .right.tableStyle .tablebox table tbody tr td span.green { color: green; }

main > .flex .right.tableStyle .tablebox table tbody tr td span.red { color: red; }

main > .flex .right.tableStyle .tablebox table tbody tr td a { text-decoration: underline !important; color: #00a1e0; }

main > .flex .right.tableStyle .tablebox table tbody tr td .inputBox { width: 80%; display: inline-block; position: relative; margin-right: 15px; }

@media (max-width: 500px) { main > .flex .right.tableStyle .tablebox table tbody tr td .inputBox { width: 100%; } }

main > .flex .right.tableStyle .tablebox table tbody tr td .inputBox input[type="text"] { width: 100%; -webkit-transition: 0.5s linear; transition: 0.5s linear; }

main > .flex .right.tableStyle .tablebox table tbody tr td .inputBox input[type="text"]:disabled { color: rgba(128, 128, 128, 0.507); }

main > .flex .right.tableStyle .tablebox table tbody tr td .fa-edit { -webkit-transform: translateY(-4px); transform: translateY(-4px); cursor: pointer; }

main > .flex .right.tableStyle .tablebox table tbody tr td .fa-edit:hover { color: orange; -webkit-transition: 0.2s linear; transition: 0.2s linear; }

main > .flex .right.tableStyle .tablebox table tbody tr td label { position: relative; }

main > .flex .right.tableStyle .tablebox table tbody tr td label .btn-box { display: inline-block; position: relative; width: 40px; height: 20px; border-radius: 100px; background-color: #ccc; -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.13) inset; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.13) inset; margin-right: 40px; }

main > .flex .right.tableStyle .tablebox table tbody tr td label .btn-box::after { content: '關'; position: absolute; top: 50%; left: calc(100% + 5px); display: block; -webkit-transform: translateY(calc(-50% - 2px)); transform: translateY(calc(-50% - 2px)); }

main > .flex .right.tableStyle .tablebox table tbody tr td label .btn-box .btn { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; margin-left: 0; /*動畫從ml為0開始*/ -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3); }

main > .flex .right.tableStyle .tablebox table tbody tr td label .checkbox { position: absolute; opacity: 0; }

main > .flex .right.tableStyle .tablebox table tbody tr td label .checkbox:checked + .btn-box { background-color: #88c5ff; }

main > .flex .right.tableStyle .tablebox table tbody tr td label .checkbox:checked + .btn-box::after { content: '開'; }

main > .flex .right.tableStyle .tablebox table tbody tr td label .checkbox:checked + .btn-box .btn { margin-left: 20px; }

main > .flex .right.tableStyle .tablebox table tbody tr td .flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; }

main > .flex .right.tableStyle .tablebox table tbody tr td .flex.no { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; }

main > .flex .right.tableStyle .tablebox table tbody tr td .flex button { border-radius: 10px; padding: 2px 10px; margin: 5px; background-color: gray; color: white; border: none; cursor: pointer; }

main > .flex .right.tableStyle .tablebox table tbody tr td .flex button:hover { background-color: black; -webkit-transition: 0.4s linear; transition: 0.4s linear; }

main > .flex .right.tableStyle .tablebox table tbody tr:nth-of-type(odd) { background-color: white; }

main > .flex .right.tableStyle .tablebox table tbody tr:nth-of-type(even) { background-color: whitesmoke; }

main > .flex .right.tableStyle .tablebox table tbody tr:nth-last-of-type(1) .w3-tag, main > .flex .right.tableStyle .tablebox table tbody tr:nth-last-of-type(2) .w3-tag { padding: 15px 10px; width: 250px; position: absolute; left: 105px; top: 0; background-color: rgba(0, 0, 0, 0.747); border-radius: 5px; z-index: 99999; -webkit-transform: translateY(calc(-100% + 71px)); transform: translateY(calc(-100% + 71px)); }

@media (max-width: 767.98px) { main > .flex .right.tableStyle .tablebox table tbody tr:nth-last-of-type(1) .w3-tag, main > .flex .right.tableStyle .tablebox table tbody tr:nth-last-of-type(2) .w3-tag { display: none; } }

main > .flex .right.tableStyle .tablebox table tbody tr .w3-tooltip { display: inline-block; cursor: pointer; }

main > .flex .right.tableStyle .tablebox table tbody tr .w3-tooltip i { margin-left: 10px; }

main > .flex .right.tableStyle .tablebox table tbody tr .w3-tooltip i.fa-check { color: green; }

main > .flex .right.tableStyle .tablebox table tbody tr .w3-tooltip i.fa-envelope-open-text { color: #0084ff; }

main > .flex .right.tableStyle .tablebox table tbody tr .w3-tooltip .w3-tag { font-size: 18px; padding: 15px 10px; width: 350px; position: absolute; left: 102%; top: -19px; background-color: rgba(0, 0, 0, 0.747); border-radius: 5px; z-index: 99999; }

@media (max-width: 767.98px) { main > .flex .right.tableStyle .tablebox table tbody tr .w3-tooltip .w3-tag { display: none; } }

@media (max-width: 767.98px) { main > .flex .right.tableStyle .tablebox table, main > .flex .right.tableStyle .tablebox thead, main > .flex .right.tableStyle .tablebox tbody, main > .flex .right.tableStyle .tablebox tr, main > .flex .right.tableStyle .tablebox th, main > .flex .right.tableStyle .tablebox td { display: block; }
  main > .flex .right.tableStyle .tablebox thead { display: none; }
  main > .flex .right.tableStyle .tablebox td { font-size: 18px; position: relative; padding-left: 30%; border-bottom: 1px solid rgba(128, 128, 128, 0.466); border-right: none; } }

@media (max-width: 767.98px) and (max-width: 500px) { main > .flex .right.tableStyle .tablebox td { padding-left: 100px; } }

@media (max-width: 767.98px) { main > .flex .right.tableStyle .tablebox td::before { display: block !important; position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767.98px) and (max-width: 500px) { main > .flex .right.tableStyle .tablebox td::before { left: 15px; } }

@media (max-width: 991.98px) { main > .flex .right.tableStyle .tablebox.account table, main > .flex .right.tableStyle .tablebox.account thead, main > .flex .right.tableStyle .tablebox.account tbody, main > .flex .right.tableStyle .tablebox.account tr, main > .flex .right.tableStyle .tablebox.account th, main > .flex .right.tableStyle .tablebox.account td { display: block; }
  main > .flex .right.tableStyle .tablebox.account thead { display: none; }
  main > .flex .right.tableStyle .tablebox.account td { font-size: 18px; position: relative; padding-left: 30%; border-bottom: 1px solid rgba(128, 128, 128, 0.466); border-right: none; } }

@media (max-width: 991.98px) and (max-width: 500px) { main > .flex .right.tableStyle .tablebox.account td { padding-left: 100px; } }

@media (max-width: 991.98px) { main > .flex .right.tableStyle .tablebox.account td::before { display: block !important; position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 991.98px) and (max-width: 500px) { main > .flex .right.tableStyle .tablebox.account td::before { left: 15px; } }

.wrapContent { max-width: 1400px; margin: 0 auto; padding: 0 15px; }

a.btn { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none !important; }

.popup { overflow-y: scroll; z-index: 99999; width: 100%; height: 100vh; position: fixed; background-color: rgba(0, 0, 0, 0.664); }

.popup .close { -webkit-transform: scale(0.6); transform: scale(0.6); position: absolute; top: 15px; right: 15px; width: 50px; height: 50px; cursor: pointer; -webkit-transition: 0.2s linear; transition: 0.2s linear; border-radius: 50%; }

.popup .close:hover { background-color: gainsboro; }

.popup .close span { position: absolute; top: 24px; left: 0; -webkit-transform-origin: center; transform-origin: center; width: 100%; height: 2px; background-color: #4d4d4d; }

.popup .close span.s1 { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.popup .close span.s2 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.popup .wrapContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 100vh; padding: 40px 0; }

.popup .wrapContent > * { width: 100%; padding: 70px; background-color: white; border-radius: 10px; position: relative; }

@media (max-width: 767.98px) { .popup .wrapContent > * { padding: 70px 15px; } }

.popup .wrapContent .dogInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.popup .wrapContent .dogInfo .title { font-size: 35px; font-weight: 500; margin-bottom: 40px; }

.popup .wrapContent .dogInfo .content .row span { display: block; font-size: 18px; }

.popup .wrapContent .dogInfo .content .row input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 45px; padding: 0 15px; border: 1px solid #279eff; border-radius: 5px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popup .wrapContent .dogInfo .content .row input:focus { border: 1px solid #ffbb27; }

@media (max-width: 500px) { .popup .wrapContent .dogInfo .content .row input { font-size: 18px; height: 40px; width: 100%; } }

.popup .wrapContent .dogInfo .content button[type="submit"] { margin: 40px auto 0; display: block; font-size: 22px; border-radius: 5px; background-color: green; color: white; padding: 0 10px; }

.popup .wrapContent .dogInfo .left { padding: 60px; }

@media (min-width: 1200px) { .popup .wrapContent .dogInfo .left { max-width: 49%; } }

@media (max-width: 500px) { .popup .wrapContent .dogInfo .left { padding: 30px 15px; } }

.popup .wrapContent .dogInfo .left img { margin: 0 auto; }

@media (min-width: 768px) { .popup .wrapContent .dogInfo .left img { max-width: 80%; } }

@media (max-width: 767.98px) { .popup .wrapContent .dogInfo .left img { width: 100%; } }

.popup .wrapContent .dogInfo ul { padding: 15px 20px; background-image: url("../img/dog_PNG2406.png"); background-size: 90%; background-repeat: no-repeat; background-position: left center; }

@media (max-width: 767.98px) { .popup .wrapContent .dogInfo ul { width: 100%; padding: 15px; } }

.popup .wrapContent .dogInfo ul li { padding: 5px 30px; font-size: 22px; }

@media (max-width: 767.98px) { .popup .wrapContent .dogInfo ul li { padding: 0 25px; font-size: 18px; } }

.popup .wrapContent .dogInfo .form { background-color: whitesmoke; padding: 25px 50px 40px; border-radius: 10px; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.521); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.521); }

@media (max-width: 767.98px) { .popup .wrapContent .dogInfo .form { padding: 15px 20px 30px; } }

.popup .wrapContent .dogInfo .form h2 { font-weight: bold; text-align: center; }

.popup .wrapContent .dogInfo .form hr { border-top: 1px solid gray; }

.popup .wrapContent .dogInfo .form input[type="radio"] { width: 20px; height: 20px; }

.popup .wrapContent .manageInfo.state input, .popup .wrapContent .manageInfo.state select { font-size: 25px; }

.popup .wrapContent .manageInfo.state .title { font-size: 30px; }

.popup .wrapContent .manageInfo.state hr { border-top: 1px solid gray; }

.popup .wrapContent .manageInfo.state .name { font-size: 25px; color: #00a2ff; margin-bottom: 30px; }

@media (min-width: 1200px) { .popup .wrapContent .manageInfo.state { width: 50%; margin: 0 auto; } }

.popup .wrapContent .manageInfo.func .title { font-size: 30px; }

.popup .wrapContent .manageInfo.func hr { border-top: 1px solid gray; }

.popup .wrapContent .manageInfo.func .name { font-size: 25px; color: #00a2ff; margin-bottom: 30px; }

.popup .wrapContent .manageInfo.func .selectArea { margin-left: 15px; }

.popup .wrapContent .manageInfo.func .selectArea button { font-size: 22px; background-color: whitesmoke; border: none; margin: 0 5px; border-radius: 5px 5px 0 0; padding: 5px 10px; cursor: pointer; }

.popup .wrapContent .manageInfo.func .selectArea button:hover { background-color: orange; -webkit-transition: 0.4s linear; transition: 0.4s linear; }

.popup .wrapContent .manageInfo.func .selectArea button.active { background-color: gray; color: white; }

@media (max-width: 500px) { .popup .wrapContent .manageInfo.func .selectArea button { font-size: 16px; } }

.popup .wrapContent .manageInfo.func .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.452); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.452); padding: 30px; border-radius: 5px; font-size: 22px; }

@media (max-width: 500px) { .popup .wrapContent .manageInfo.func .flex { font-size: 18px; padding: 30px 15px; } }

.popup .wrapContent .manageInfo.func .flex input, .popup .wrapContent .manageInfo.func .flex select { margin: 0 5px 5px; font-size: 22px; height: 45px; padding: 0 15px; border: 1px solid #279eff; border-radius: 5px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: grey; }

.popup .wrapContent .manageInfo.func .flex input:focus, .popup .wrapContent .manageInfo.func .flex select:focus { border: 1px solid #ffbb27; }

@media (max-width: 767.98px) { .popup .wrapContent .manageInfo.func .flex input, .popup .wrapContent .manageInfo.func .flex select { margin: 0 0 10px; width: 100%; } }

@media (max-width: 500px) { .popup .wrapContent .manageInfo.func .flex input, .popup .wrapContent .manageInfo.func .flex select { height: 40px; font-size: 18px; } }

.popup .wrapContent .manageInfo.func .flex input[type="checkbox"] { margin: 0; }

.popup .wrapContent .manageInfo.func .flex .searchBox { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; padding-bottom: 30px; }

.popup .wrapContent .manageInfo.func .flex .searchBox .inputBox { width: 100%; margin-top: 20px; }

.popup .wrapContent .manageInfo.func .flex .searchBox button { height: 45px; margin: 0 5px 5px; }

@media (max-width: 500px) { .popup .wrapContent .manageInfo.func .flex .searchBox button { height: 33px; margin: 0 0 5px; } }

@media (max-width: 767.98px) { .popup .wrapContent .manageInfo.func .flex .searchBox { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: 1px solid black; } }

.popup .wrapContent .manageInfo.func .flex table { width: 100%; border: 1px solid gray; }

.popup .wrapContent .manageInfo.func .flex table th, .popup .wrapContent .manageInfo.func .flex table td { text-align: center; vertical-align: middle; padding: 20px 0; border-right: 1px solid gray; }

@media (max-width: 500px) { .popup .wrapContent .manageInfo.func .flex table th, .popup .wrapContent .manageInfo.func .flex table td { padding: 10px 0; } }

.popup .wrapContent .manageInfo.func .flex table thead { background-color: black; color: white; }

.popup .wrapContent .manageInfo.func .flex table tbody tr:nth-of-type(odd) { background-color: white; }

.popup .wrapContent .manageInfo.func .flex table tbody tr:nth-of-type(even) { background-color: whitesmoke; }

@media (max-width: 767.98px) { .popup .wrapContent .manageInfo.func .flex table table, .popup .wrapContent .manageInfo.func .flex table thead, .popup .wrapContent .manageInfo.func .flex table tbody, .popup .wrapContent .manageInfo.func .flex table tr, .popup .wrapContent .manageInfo.func .flex table th, .popup .wrapContent .manageInfo.func .flex table td { display: block; }
  .popup .wrapContent .manageInfo.func .flex table thead { display: none; }
  .popup .wrapContent .manageInfo.func .flex table td { font-size: 18px; position: relative; padding-left: 30%; border-bottom: 1px solid rgba(128, 128, 128, 0.466); border-right: none; } }

@media (max-width: 767.98px) and (max-width: 500px) { .popup .wrapContent .manageInfo.func .flex table td { padding-left: 30%; } }

@media (max-width: 767.98px) { .popup .wrapContent .manageInfo.func .flex table td::before { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767.98px) and (max-width: 500px) { .popup .wrapContent .manageInfo.func .flex table td::before { left: 15px; } }

@media (max-width: 767.98px) { .popup .wrapContent .manageInfo.func .flex table td.id::before { content: '晶片號碼'; }
  .popup .wrapContent .manageInfo.func .flex table td.date::before { content: '日期'; }
  .popup .wrapContent .manageInfo.func .flex table td.pending-date::before { content: '後送日期'; }
  .popup .wrapContent .manageInfo.func .flex table td.returndate::before { content: '回覆時間'; }
  .popup .wrapContent .manageInfo.func .flex table td.state::before { content: '狀態'; }
  .popup .wrapContent .manageInfo.func .flex table td.download::before { content: '清冊下載'; }
  .popup .wrapContent .manageInfo.func .flex table td.detail::before { content: '詳細資訊'; }
  .popup .wrapContent .manageInfo.func .flex table td.roleName::before { content: '角色名稱'; }
  .popup .wrapContent .manageInfo.func .flex table td.play::before { content: '啟用數'; }
  .popup .wrapContent .manageInfo.func .flex table td.stop::before { content: '停用數'; }
  .popup .wrapContent .manageInfo.func .flex table td.function::before { content: '功能'; }
  .popup .wrapContent .manageInfo.func .flex table td.sort::before { content: '序號'; }
  .popup .wrapContent .manageInfo.func .flex table td.role::before { content: '角色'; }
  .popup .wrapContent .manageInfo.func .flex table td.set::before { content: '設定'; }
  .popup .wrapContent .manageInfo.func .flex table td.ID::before { content: '帳號'; }
  .popup .wrapContent .manageInfo.func .flex table td.name::before { content: '名稱'; }
  .popup .wrapContent .manageInfo.func .flex table td.kind::before { content: '類別'; }
  .popup .wrapContent .manageInfo.func .flex table td.phoneNum::before { content: '號碼'; }
  .popup .wrapContent .manageInfo.func .flex table td.extension::before { content: '分機'; }
  .popup .wrapContent .manageInfo.func .flex table td.del::before { content: '刪除'; }
  .popup .wrapContent .manageInfo.func .flex table td.note::before { content: '備註'; }
  .popup .wrapContent .manageInfo.func .flex table td.loginTime::before { content: '登入時間'; }
  .popup .wrapContent .manageInfo.func .flex table td.IP::before { content: 'IP'; } }

.popup .wrapContent .manageInfo.func .flex .item { width: 350px; margin: 10px 10px 30px; }

@media (max-width: 500px) { .popup .wrapContent .manageInfo.func .flex .item { width: 100%; } }

.popup .wrapContent .manageInfo.func .flex .item > * { padding: 15px 20px; }

@media (max-width: 500px) { .popup .wrapContent .manageInfo.func .flex .item > * { padding: 5px 10px; } }

.popup .wrapContent .manageInfo.func .flex .item .top { border-radius: 5px; color: white; font-size: 22px; background: linear-gradient(45deg, #0084ff 50%, white 100%); }

.popup .wrapContent .manageInfo.func .flex .item .bottom { font-size: 18px; }

.popup .wrapContent .manageInfo.func .flex .item .bottom .inputBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; }

.popup .wrapContent .manageInfo.func .flex .item .bottom .inputBox input { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; width: 22px; height: 22px; }

.popup .wrapContent .manageInfo.func .flex .item .bottom .inputBox label { overflow-wrap: anywhere; }

.popup .wrapContent .manageInfo.func .buttonBox { padding: 10px 0; text-align: right; margin-top: 20px; }

.popup .wrapContent .manageInfo.func .buttonBox button { font-size: 22px; }

.popup .inner { opacity: 0; -webkit-transform: translateY(-15px); transform: translateY(-15px); }

.popup .inner.en { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s linear; transition: 0.5s linear; }

.popup.hide { display: none; }

.popup.num2 #YT { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.popup.num2 #YT .item { width: 415px; margin: 20px; margin-bottom: 15px; }

.popup.num2 #YT .item .imgbox img { width: 100%; }

.popup.num2 #YT .item .title { line-height: 1.5; padding: 15px; }

.H .h0 { height: 0 !important; margin: 0 !important; }

.loadingWhite { width: 100%; height: 100vh; background-color: white; position: fixed; z-index: 99999; }

.lds-ripple { display: inline-block; position: fixed; top: calc(50vh - 40px); left: calc(50vw - 40px); width: 80px; height: 80px; z-index: 99999; }

.lds-ripple div { position: absolute; border: 4px solid #67dbff; opacity: 1; border-radius: 50%; -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }

.lds-ripple div:nth-child(2) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.index { width: 100%; height: 100vh; min-height: 930px; background-blend-mode: multiply; background-size: cover; background-position: center; background: linear-gradient(125deg, rgba(121, 255, 109, 0.801), #81d7ff 35%, white 50%, white 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.index > .wrapContent { width: 100%; padding: 3vh 15px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media (max-width: 991.98px) { .index > .wrapContent { padding: 3vh 15px 60px; } }

.index > .wrapContent > img { margin-bottom: 30px; }

.index > .wrapContent > .indextitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 35px; text-align: center; margin-bottom: 30px; letter-spacing: 5px; font-weight: 500; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); text-shadow: white 1px 1px 0px, #9c9c9c 2px 2px 0px; }

.index > .wrapContent > .indextitle.en { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s linear; transition: 0.5s linear; opacity: 1; }

.index > .wrapContent > .indextitle .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.index > .wrapContent > .indextitle .flex span { line-height: 1.5; }

.index > .wrapContent > .indextitle .flex span i { text-shadow: none; color: rgba(11, 95, 0, 0.747); margin-right: 15px; -webkit-animation-name: turn; animation-name: turn; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: 18px; transform-origin: 18px; }

@media (max-width: 767.98px) { .index > .wrapContent > .indextitle .flex span i { -webkit-transform-origin: 11px; transform-origin: 11px; } }

@media (max-width: 767.98px) { .index > .wrapContent > .indextitle .flex span i { margin-right: 5px; } }

@media (max-width: 767.98px) { .index > .wrapContent > .indextitle .flex span { font-size: 20px; } }

.index > .wrapContent .login { background-color: white; height: 597px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 5px 5px 15px rgba(145, 145, 145, 0.377); box-shadow: 5px 5px 15px rgba(145, 145, 145, 0.377); border-radius: 20px; position: relative; width: 0; margin: 0 auto; }

.index > .wrapContent .login.en { width: 100%; -webkit-transition: 0.5s ease 0.7s; transition: 0.5s ease 0.7s; background-color: transparent; }

.index > .wrapContent .login.en .dog { opacity: 1; -webkit-transition: 0.5s linear 1.7s; transition: 0.5s linear 1.7s; }

.index > .wrapContent .login.en > * { opacity: 1; -webkit-transition: 0.5s linear 1.2s; transition: 0.5s linear 1.2s; }

.index > .wrapContent .login .dog { position: absolute; right: 60px; bottom: -88px; width: 330px; padding: 0; opacity: 0; }

.index > .wrapContent .login .dog img { width: 100%; }

@media (max-width: 991.98px) { .index > .wrapContent .login .dog { right: 20px; width: 250px; bottom: -70px; } }

.index > .wrapContent .login .dog .aim { width: 60px; height: 60px; border: 2px solid rgba(128, 128, 128, 0.534); position: absolute; top: 30%; left: 45%; -webkit-animation-name: border; animation-name: border; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@media (max-width: 991.98px) { .index > .wrapContent .login .dog .aim { display: none; } }

.index > .wrapContent .login > * { width: 50%; padding: 40px 60px 80px; opacity: 0; }

.index > .wrapContent .login > * > .title { font-size: 25px; font-weight: 400; margin-bottom: 30px; text-align: center; padding: 10px 0; }

.index > .wrapContent .login > * > .title i { margin-right: 15px; }

.index > .wrapContent .login > * > .title i.fa-newspaper { color: #29bbff; }

.index > .wrapContent .login > * > .title i.fa-key { color: #ffd900; }

.index > .wrapContent .login .left { border-radius: 15px 0 0 15px; background-color: white; position: relative; }

@media (max-width: 767.98px) { .index > .wrapContent .login .left { padding: 40px 40px 80px 10px; } }

.index > .wrapContent .login .left .title { border-bottom: 1px solid #ffae00; }

.index > .wrapContent .login .left .content { background-color: white; width: 100%; height: 400px; overflow-y: scroll; padding: 0 40px; }

.index > .wrapContent .login .left .content ul { background-color: transparent; list-style: disc; font-size: 18px; }

.index > .wrapContent .login .left .content ul li { margin-bottom: 20px; line-height: 1.5; }

.index > .wrapContent .login .left .show { display: none; position: absolute; width: 30px; height: 80px; left: -30px; top: calc(35vh - 30px); background-color: white; -webkit-box-shadow: -6px 3px 10px gray; box-shadow: -6px 3px 10px gray; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px 0 0 5px; cursor: pointer; }

.index > .wrapContent .login .left .show span { text-align: center; }

@media (max-width: 767.98px) { .index > .wrapContent .login .left .show { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (max-width: 767.98px) { .index > .wrapContent .login .left { position: fixed; top: 100px; right: 0; z-index: 99999; -webkit-transform: translateX(100%); transform: translateX(100%); height: calc(100vh - 200px); width: 100%; -webkit-transition: 0.3s linear; transition: 0.3s linear; }
  .index > .wrapContent .login .left .content { height: calc(100vh - 350px); }
  .index > .wrapContent .login .left.en { -webkit-transform: translateX(30px); transform: translateX(30px); -webkit-transition: 0.3s linear; transition: 0.3s linear; } }

.index > .wrapContent .login #forget { display: inline-block; position: absolute; right: 25%; bottom: 220px; -webkit-transform: translateX(50%); transform: translateX(50%); margin: 0 auto; display: block; border: none; background-color: transparent; cursor: pointer; z-index: 99998; text-decoration: underline; color: gray; font-size: 16px; width: 100px; padding: 0; }

@media (max-width: 991.98px) { .index > .wrapContent .login #forget { bottom: 160px; } }

@media (max-width: 767.98px) { .index > .wrapContent .login #forget { right: 50%; } }

.index > .wrapContent .login .right { background-color: rgba(255, 255, 255, 0.767); border-radius: 0 15px 15px 0; }

@media (max-width: 767.98px) { .index > .wrapContent .login .right { padding: 40px 20px 80px; } }

.index > .wrapContent .login .right form { font-size: 20px; }

.index > .wrapContent .login .right form > * { margin-bottom: 15px; }

.index > .wrapContent .login .right form input { padding-left: 90px; position: relative; border-radius: 5px; border: 1px solid #279eff; height: 45px; width: 100%; }

.index > .wrapContent .login .right form input:focus { -webkit-transition: 0.2s linear; transition: 0.2s linear; outline: none; border: 1px solid #ffbb27; }

.index > .wrapContent .login .right form input:focus ~ ::before { color: #ffbb27; }

.index > .wrapContent .login .right form .id, .index > .wrapContent .login .right form .password, .index > .wrapContent .login .right form .Verification { position: relative; color: #279eff; }

.index > .wrapContent .login .right form .id::before, .index > .wrapContent .login .right form .password::before, .index > .wrapContent .login .right form .Verification::before { border-right: 1px solid #279eff; padding: 0 20px; position: absolute; left: 0; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); z-index: 2; font-weight: 500; font-size: 20px; }

.index > .wrapContent .login .right form .id::before { content: '帳號'; }

.index > .wrapContent .login .right form .password::before { content: '密碼'; }

.index > .wrapContent .login .right form .Verification::before { content: '驗證碼'; }

.index > .wrapContent .login .right form .pleaseInput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.index > .wrapContent .login .right form .pleaseInput .num { border-radius: 5px; width: 50%; background-color: #ffd67e; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; }

.index > .wrapContent .login .right form .pleaseInput .Verification { margin-left: 15px; width: 50%; }

.index > .wrapContent .login .right form .pleaseInput .Verification input { padding-left: 110px; }

@media (max-width: 991.98px) { .index > .wrapContent .login .right form .pleaseInput { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .index > .wrapContent .login .right form .pleaseInput > * { width: 100% !important; }
  .index > .wrapContent .login .right form .pleaseInput .num { margin-top: 15px; }
  .index > .wrapContent .login .right form .pleaseInput .Verification { margin-left: 0 !important; } }

.index > .wrapContent .login .right form a { background-color: #008cff; color: white; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; border-radius: 5px; }

.index > .wrapContent .login .right form a:hover { -webkit-transition: 0.4s linear; transition: 0.4s linear; background-color: white; color: #008cff; border: 1px solid #008cff; }

.index > .wrapContent .login .right form a:focus { background-color: white; }

@media (max-width: 767.98px) { .index > .wrapContent .login .right { width: 100%; border-radius: 20px; } }

.index footer { position: relative; }

header { position: fixed; width: 100%; z-index: 99999; }

header nav { font-size: 22px; background-color: whitesmoke; width: 100%; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.329); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.329); }

header nav .wrapContent { max-width: 1860px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767.98px) { header nav .wrapContent .title span { display: none; } }

header nav .wrapContent .title i { margin-right: 5px; color: rgba(11, 95, 0, 0.747); }

@media (max-width: 500px) { header nav .wrapContent .title i.fa-crosshairs { display: none; } }

header nav .wrapContent .title i.fa-bars { display: none; }

@media (max-width: 500px) { header nav .wrapContent .title i.fa-bars { display: block; } }

header nav .wrapContent .userName { font-size: 18px; }

header nav .wrapContent .userName .logOut { margin: 0 10px; color: blue; text-decoration: underline; }

footer { width: 100%; background-color: gray; color: whitesmoke; border-bottom: 3px solid #6ecaff; }

footer .wrapContent { padding: 0 15px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

footer .wrapContent .top { font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

footer .wrapContent .top .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; padding-right: 15px; }

footer .wrapContent .top .flex .imgbox { background-color: white; border-radius: 5px; padding: 5px 10px; margin: 0 60px 0 5px; }

@media (max-width: 500px) { footer .wrapContent .top .flex .imgbox { margin-right: 0; } }

footer .wrapContent .bottom { font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; }

@media (max-width: 500px) { footer .wrapContent .bottom { line-height: 1.5; } }

@media (max-width: 991.98px) { footer .wrapContent { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

/*! animate.css - https://animate.style/ Version - 4.1.1 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2020 Animate.css */
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; }

.animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); }

.animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); }

.animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); }

.animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); }

.animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); }

.animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); }

.animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); }

.animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); }

.animate__animated.animate__faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); }

.animate__animated.animate__fast { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); }

.animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); }

.animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); }

@media (prefers-reduced-motion: reduce), print { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; }
  .animate__animated[class*="Out"] { opacity: 0; } }

@-webkit-keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

@keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

.animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.animate__flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shakeX { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shakeX { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; }

@-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

@keyframes shakeY { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

.animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes wobble { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  14% { -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% { -webkit-transform: scale(1);
    transform: scale(1); }
  42% { -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  14% { -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% { -webkit-transform: scale(1);
    transform: scale(1); }
  42% { -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% { -webkit-transform: scale(1);
    transform: scale(1); } }

.animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7; }
  80% { -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7; }
  80% { -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; }

@-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; }
  80% { -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; }
  80% { -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; }

@-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; }
  80% { -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; }
  80% { -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; }

@-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7; }
  80% { -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7; }
  80% { -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; }

@-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% { -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7; } }

@keyframes backOutDown { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% { -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7; } }

.animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; }

@-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% { -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; } }

@keyframes backOutLeft { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% { -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; } }

.animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; }

@-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% { -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; } }

@keyframes backOutRight { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% { -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; } }

.animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; }

@-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% { -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7; } }

@keyframes backOutUp { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% { -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to { -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7; } }

.animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.animate__bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

.animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }

.animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }

.animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }

.animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInTopLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInTopLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; }

@-webkit-keyframes fadeInTopRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInTopRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; }

@-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInBottomLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; }

@-webkit-keyframes fadeInBottomRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInBottomRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }

@keyframes fadeOutTopLeft { 0% { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }

.animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; }

@-webkit-keyframes fadeOutTopRight { 0% { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }

@keyframes fadeOutTopRight { 0% { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }

.animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; }

@-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }

@keyframes fadeOutBottomRight { 0% { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }

.animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; }

@-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }

@keyframes fadeOutBottomLeft { 0% { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }

.animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.animate__flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.animate__flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOutRight { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOutLeft { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }

.animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; }

@-webkit-keyframes rotateOut { 0% { opacity: 1; }
  to { -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { opacity: 1; }
  to { -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; }
  to { -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { opacity: 1; }
  to { -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; }

@-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; }
  to { -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { opacity: 1; }
  to { -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; }

@-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; }
  to { -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { opacity: 1; }
  to { -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; }

@-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; }
  to { -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { opacity: 1; }
  to { -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; }

@-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; }

@-webkit-keyframes jackInTheBox { 0% { opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox { 0% { opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; }

@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

.animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }

.animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }

.animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes lds-ripple { 0% { top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% { top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0; } }

@keyframes lds-ripple { 0% { top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% { top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0; } }

@-webkit-keyframes border { 0% { -webkit-transform: translate(3px, 35px); transform: translate(3px, 35px);
    border-color: rgba(238, 255, 0, 0.651); }
  25% { -webkit-transform: translate(42px, -65px); transform: translate(42px, -65px);
    border-color: rgba(255, 0, 0, 0.788); }
  50% { -webkit-transform: translate(-115px, -25px); transform: translate(-115px, -25px);
    border-color: rgba(0, 255, 0, 0.555); }
  75% { -webkit-transform: translate(100px, 60px); transform: translate(100px, 60px);
    border-color: rgba(0, 255, 0, 0.527); }
  100% { -webkit-transform: translate(3px, 35px); transform: translate(3px, 35px);
    border-color: rgba(238, 255, 0, 0.651); } }

@keyframes border { 0% { -webkit-transform: translate(3px, 35px); transform: translate(3px, 35px);
    border-color: rgba(238, 255, 0, 0.651); }
  25% { -webkit-transform: translate(42px, -65px); transform: translate(42px, -65px);
    border-color: rgba(255, 0, 0, 0.788); }
  50% { -webkit-transform: translate(-115px, -25px); transform: translate(-115px, -25px);
    border-color: rgba(0, 255, 0, 0.555); }
  75% { -webkit-transform: translate(100px, 60px); transform: translate(100px, 60px);
    border-color: rgba(0, 255, 0, 0.527); }
  100% { -webkit-transform: translate(3px, 35px); transform: translate(3px, 35px);
    border-color: rgba(238, 255, 0, 0.651); } }

@-webkit-keyframes turn { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  50% { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg);
    color: orange; }
  100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }

@keyframes turn { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  50% { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg);
    color: orange; }
  100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
/*# sourceMappingURL=all.min.css.map */