@charset "UTF-8";
/**
* Gumby Framework
* ---------------
*
* Follow @gumbycss on twitter and spread the love.
* We worked super hard on making this awesome and released it to the web.
* All we ask is you leave this intact. #gumbyisawesome
*
* Gumby Framework
* http://gumbyframework.com
*
* Built with love by your friends @digitalsurgeons
* http://www.digitalsurgeons.com
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

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

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

a img { border: none; }

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

.pull_right { float: right; }

.pull_left { float: left; }

/* Base Styles */
html { font-size: 100%; line-height: 1.625em; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; font-family: "Open Sans"; font-weight: 400; color: #555555; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Century Gothic, Arial, Helvetica, sans-serif,"微軟正黑體", "Microsoft JhengHei","PMingLiU"; }
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } }

html, body { height: 100%; }

.hide { display: none; }

.hide.active, .show { display: block; }

.icon-note.icon-left a:before, .icon-note.icon-right a:after, i.icon-note:before { content: "♪"; height: inherit; }

.icon-note-beamed.icon-left a:before, .icon-note-beamed.icon-right a:after, i.icon-note-beamed:before { content: "♫"; height: inherit; }

.icon-music.icon-left a:before, .icon-music.icon-right a:after, i.icon-music:before { content: "🎵"; height: inherit; }

.icon-search.icon-left a:before, .icon-search.icon-right a:after, i.icon-search:before { content: "🔍"; height: inherit; }

.icon-flashlight.icon-left a:before, .icon-flashlight.icon-right a:after, i.icon-flashlight:before { content: "🔦"; height: inherit; }

.icon-mail.icon-left a:before, .icon-mail.icon-right a:after, i.icon-mail:before { content: "✉"; height: inherit; }

.icon-heart.icon-left a:before, .icon-heart.icon-right a:after, i.icon-heart:before { content: "♥"; height: inherit; }

.icon-heart-empty.icon-left a:before, .icon-heart-empty.icon-right a:after, i.icon-heart-empty:before { content: "♡"; height: inherit; }

.icon-star.icon-left a:before, .icon-star.icon-right a:after, i.icon-star:before { content: "★"; height: inherit; }

.icon-star-empty.icon-left a:before, .icon-star-empty.icon-right a:after, i.icon-star-empty:before { content: "☆"; height: inherit; }

.icon-user.icon-left a:before, .icon-user.icon-right a:after, i.icon-user:before { content: "👤"; height: inherit; }

.icon-users.icon-left a:before, .icon-users.icon-right a:after, i.icon-users:before { content: "👥"; height: inherit; }

.icon-user-add.icon-left a:before, .icon-user-add.icon-right a:after, i.icon-user-add:before { content: ""; height: inherit; }

.icon-video.icon-left a:before, .icon-video.icon-right a:after, i.icon-video:before { content: "🎬"; height: inherit; }

.icon-picture.icon-left a:before, .icon-picture.icon-right a:after, i.icon-picture:before { content: "🌄"; height: inherit; }

.icon-camera.icon-left a:before, .icon-camera.icon-right a:after, i.icon-camera:before { content: "📷"; height: inherit; }

.icon-layout.icon-left a:before, .icon-layout.icon-right a:after, i.icon-layout:before { content: "⚏"; height: inherit; }

.icon-menu.icon-left a:before, .icon-menu.icon-right a:after, i.icon-menu:before { content: "☰"; height: inherit; }

.icon-check.icon-left a:before, .icon-check.icon-right a:after, i.icon-check:before { content: "✓"; height: inherit; }

.icon-cancel.icon-left a:before, .icon-cancel.icon-right a:after, i.icon-cancel:before { content: "✕"; height: inherit; }

.icon-cancel-circled.icon-left a:before, .icon-cancel-circled.icon-right a:after, i.icon-cancel-circled:before { content: "✖"; height: inherit; }

.icon-cancel-squared.icon-left a:before, .icon-cancel-squared.icon-right a:after, i.icon-cancel-squared:before { content: "❎"; height: inherit; }

.icon-plus.icon-left a:before, .icon-plus.icon-right a:after, i.icon-plus:before { content: "+"; height: inherit; }

.icon-plus-circled.icon-left a:before, .icon-plus-circled.icon-right a:after, i.icon-plus-circled:before { content: "➕"; height: inherit; }

.icon-plus-squared.icon-left a:before, .icon-plus-squared.icon-right a:after, i.icon-plus-squared:before { content: "⊞"; height: inherit; }

.icon-minus.icon-left a:before, .icon-minus.icon-right a:after, i.icon-minus:before { content: "-"; height: inherit; }

.icon-minus-circled.icon-left a:before, .icon-minus-circled.icon-right a:after, i.icon-minus-circled:before { content: "➖"; height: inherit; }

.icon-minus-squared.icon-left a:before, .icon-minus-squared.icon-right a:after, i.icon-minus-squared:before { content: "⊟"; height: inherit; }

.icon-help.icon-left a:before, .icon-help.icon-right a:after, i.icon-help:before { content: "❓"; height: inherit; }

.icon-help-circled.icon-left a:before, .icon-help-circled.icon-right a:after, i.icon-help-circled:before { content: ""; height: inherit; }

.icon-info.icon-left a:before, .icon-info.icon-right a:after, i.icon-info:before { content: "ℹ"; height: inherit; }

.icon-info-circled.icon-left a:before, .icon-info-circled.icon-right a:after, i.icon-info-circled:before { content: ""; height: inherit; }

.icon-back.icon-left a:before, .icon-back.icon-right a:after, i.icon-back:before { content: "🔙"; height: inherit; }

.icon-home.icon-left a:before, .icon-home.icon-right a:after, i.icon-home:before { content: "⌂"; height: inherit; }

.icon-link.icon-left a:before, .icon-link.icon-right a:after, i.icon-link:before { content: "🔗"; height: inherit; }

.icon-attach.icon-left a:before, .icon-attach.icon-right a:after, i.icon-attach:before { content: "📎"; height: inherit; }

.icon-lock.icon-left a:before, .icon-lock.icon-right a:after, i.icon-lock:before { content: "🔒"; height: inherit; }

.icon-lock-open.icon-left a:before, .icon-lock-open.icon-right a:after, i.icon-lock-open:before { content: "🔓"; height: inherit; }

.icon-eye.icon-left a:before, .icon-eye.icon-right a:after, i.icon-eye:before { content: ""; height: inherit; }

.icon-tag.icon-left a:before, .icon-tag.icon-right a:after, i.icon-tag:before { content: ""; height: inherit; }

.icon-bookmark.icon-left a:before, .icon-bookmark.icon-right a:after, i.icon-bookmark:before { content: "🔖"; height: inherit; }

.icon-bookmarks.icon-left a:before, .icon-bookmarks.icon-right a:after, i.icon-bookmarks:before { content: "📑"; height: inherit; }

.icon-flag.icon-left a:before, .icon-flag.icon-right a:after, i.icon-flag:before { content: "⚑"; height: inherit; }

.icon-thumbs-up.icon-left a:before, .icon-thumbs-up.icon-right a:after, i.icon-thumbs-up:before { content: "👍"; height: inherit; }

.icon-thumbs-down.icon-left a:before, .icon-thumbs-down.icon-right a:after, i.icon-thumbs-down:before { content: "👎"; height: inherit; }

.icon-download.icon-left a:before, .icon-download.icon-right a:after, i.icon-download:before { content: "📥"; height: inherit; }

.icon-upload.icon-left a:before, .icon-upload.icon-right a:after, i.icon-upload:before { content: "📤"; height: inherit; }

.icon-upload-cloud.icon-left a:before, .icon-upload-cloud.icon-right a:after, i.icon-upload-cloud:before { content: ""; height: inherit; }

.icon-reply.icon-left a:before, .icon-reply.icon-right a:after, i.icon-reply:before { content: ""; height: inherit; }

.icon-reply-all.icon-left a:before, .icon-reply-all.icon-right a:after, i.icon-reply-all:before { content: ""; height: inherit; }

.icon-forward.icon-left a:before, .icon-forward.icon-right a:after, i.icon-forward:before { content: "➦"; height: inherit; }

.icon-quote.icon-left a:before, .icon-quote.icon-right a:after, i.icon-quote:before { content: "❞"; height: inherit; }

.icon-code.icon-left a:before, .icon-code.icon-right a:after, i.icon-code:before { content: ""; height: inherit; }

.icon-export.icon-left a:before, .icon-export.icon-right a:after, i.icon-export:before { content: ""; height: inherit; }

.icon-pencil.icon-left a:before, .icon-pencil.icon-right a:after, i.icon-pencil:before { content: "✎"; height: inherit; }

.icon-feather.icon-left a:before, .icon-feather.icon-right a:after, i.icon-feather:before { content: "✒"; height: inherit; }

.icon-print.icon-left a:before, .icon-print.icon-right a:after, i.icon-print:before { content: ""; height: inherit; }

.icon-retweet.icon-left a:before, .icon-retweet.icon-right a:after, i.icon-retweet:before { content: ""; height: inherit; }

.icon-keyboard.icon-left a:before, .icon-keyboard.icon-right a:after, i.icon-keyboard:before { content: "⌨"; height: inherit; }

.icon-comment.icon-left a:before, .icon-comment.icon-right a:after, i.icon-comment:before { content: ""; height: inherit; }

.icon-chat.icon-left a:before, .icon-chat.icon-right a:after, i.icon-chat:before { content: ""; height: inherit; }

.icon-bell.icon-left a:before, .icon-bell.icon-right a:after, i.icon-bell:before { content: "🔔"; height: inherit; }

.icon-attention.icon-left a:before, .icon-attention.icon-right a:after, i.icon-attention:before { content: "⚠"; height: inherit; }

.icon-alert.icon-left a:before, .icon-alert.icon-right a:after, i.icon-alert:before { content: "💥"; height: inherit; }

.icon-vcard.icon-left a:before, .icon-vcard.icon-right a:after, i.icon-vcard:before { content: ""; height: inherit; }

.icon-address.icon-left a:before, .icon-address.icon-right a:after, i.icon-address:before { content: ""; height: inherit; }

.icon-location.icon-left a:before, .icon-location.icon-right a:after, i.icon-location:before { content: ""; height: inherit; }

.icon-map.icon-left a:before, .icon-map.icon-right a:after, i.icon-map:before { content: ""; height: inherit; }

.icon-direction.icon-left a:before, .icon-direction.icon-right a:after, i.icon-direction:before { content: "➢"; height: inherit; }

.icon-compass.icon-left a:before, .icon-compass.icon-right a:after, i.icon-compass:before { content: ""; height: inherit; }

.icon-cup.icon-left a:before, .icon-cup.icon-right a:after, i.icon-cup:before { content: "☕"; height: inherit; }

.icon-trash.icon-left a:before, .icon-trash.icon-right a:after, i.icon-trash:before { content: ""; height: inherit; }

.icon-doc.icon-left a:before, .icon-doc.icon-right a:after, i.icon-doc:before { content: ""; height: inherit; }

.icon-docs.icon-left a:before, .icon-docs.icon-right a:after, i.icon-docs:before { content: ""; height: inherit; }

.icon-doc-landscape.icon-left a:before, .icon-doc-landscape.icon-right a:after, i.icon-doc-landscape:before { content: ""; height: inherit; }

.icon-doc-text.icon-left a:before, .icon-doc-text.icon-right a:after, i.icon-doc-text:before { content: "📄"; height: inherit; }

.icon-doc-text-inv.icon-left a:before, .icon-doc-text-inv.icon-right a:after, i.icon-doc-text-inv:before { content: ""; height: inherit; }

.icon-newspaper.icon-left a:before, .icon-newspaper.icon-right a:after, i.icon-newspaper:before { content: "📰"; height: inherit; }

.icon-book-open.icon-left a:before, .icon-book-open.icon-right a:after, i.icon-book-open:before { content: "📖"; height: inherit; }

.icon-book.icon-left a:before, .icon-book.icon-right a:after, i.icon-book:before { content: "📕"; height: inherit; }

.icon-folder.icon-left a:before, .icon-folder.icon-right a:after, i.icon-folder:before { content: "📁"; height: inherit; }

.icon-archive.icon-left a:before, .icon-archive.icon-right a:after, i.icon-archive:before { content: ""; height: inherit; }

.icon-box.icon-left a:before, .icon-box.icon-right a:after, i.icon-box:before { content: "📦"; height: inherit; }

.icon-rss.icon-left a:before, .icon-rss.icon-right a:after, i.icon-rss:before { content: ""; height: inherit; }

.icon-phone.icon-left a:before, .icon-phone.icon-right a:after, i.icon-phone:before { content: "📞"; height: inherit; }

.icon-cog.icon-left a:before, .icon-cog.icon-right a:after, i.icon-cog:before { content: "⚙"; height: inherit; }

.icon-tools.icon-left a:before, .icon-tools.icon-right a:after, i.icon-tools:before { content: "⚒"; height: inherit; }

.icon-share.icon-left a:before, .icon-share.icon-right a:after, i.icon-share:before { content: ""; height: inherit; }

.icon-shareable.icon-left a:before, .icon-shareable.icon-right a:after, i.icon-shareable:before { content: ""; height: inherit; }

.icon-basket.icon-left a:before, .icon-basket.icon-right a:after, i.icon-basket:before { content: ""; height: inherit; }

.icon-bag.icon-left a:before, .icon-bag.icon-right a:after, i.icon-bag:before { content: "👜"; height: inherit; }

.icon-calendar.icon-left a:before, .icon-calendar.icon-right a:after, i.icon-calendar:before { content: "📅"; height: inherit; }

.icon-login.icon-left a:before, .icon-login.icon-right a:after, i.icon-login:before { content: ""; height: inherit; }

.icon-logout.icon-left a:before, .icon-logout.icon-right a:after, i.icon-logout:before { content: ""; height: inherit; }

.icon-mic.icon-left a:before, .icon-mic.icon-right a:after, i.icon-mic:before { content: "🎤"; height: inherit; }

.icon-mute.icon-left a:before, .icon-mute.icon-right a:after, i.icon-mute:before { content: "🔇"; height: inherit; }

.icon-sound.icon-left a:before, .icon-sound.icon-right a:after, i.icon-sound:before { content: "🔊"; height: inherit; }

.icon-volume.icon-left a:before, .icon-volume.icon-right a:after, i.icon-volume:before { content: ""; height: inherit; }

.icon-clock.icon-left a:before, .icon-clock.icon-right a:after, i.icon-clock:before { content: "🕔"; height: inherit; }

.icon-hourglass.icon-left a:before, .icon-hourglass.icon-right a:after, i.icon-hourglass:before { content: "⏳"; height: inherit; }

.icon-lamp.icon-left a:before, .icon-lamp.icon-right a:after, i.icon-lamp:before { content: "💡"; height: inherit; }

.icon-light-down.icon-left a:before, .icon-light-down.icon-right a:after, i.icon-light-down:before { content: "🔅"; height: inherit; }

.icon-light-up.icon-left a:before, .icon-light-up.icon-right a:after, i.icon-light-up:before { content: "🔆"; height: inherit; }

.icon-adjust.icon-left a:before, .icon-adjust.icon-right a:after, i.icon-adjust:before { content: "◑"; height: inherit; }

.icon-block.icon-left a:before, .icon-block.icon-right a:after, i.icon-block:before { content: "🚫"; height: inherit; }

.icon-resize-full.icon-left a:before, .icon-resize-full.icon-right a:after, i.icon-resize-full:before { content: ""; height: inherit; }

.icon-resize-small.icon-left a:before, .icon-resize-small.icon-right a:after, i.icon-resize-small:before { content: ""; height: inherit; }

.icon-popup.icon-left a:before, .icon-popup.icon-right a:after, i.icon-popup:before { content: ""; height: inherit; }

.icon-publish.icon-left a:before, .icon-publish.icon-right a:after, i.icon-publish:before { content: ""; height: inherit; }

.icon-window.icon-left a:before, .icon-window.icon-right a:after, i.icon-window:before { content: ""; height: inherit; }

.icon-arrow-combo.icon-left a:before, .icon-arrow-combo.icon-right a:after, i.icon-arrow-combo:before { content: ""; height: inherit; }

.icon-down-circled.icon-left a:before, .icon-down-circled.icon-right a:after, i.icon-down-circled:before { content: ""; height: inherit; }

.icon-left-circled.icon-left a:before, .icon-left-circled.icon-right a:after, i.icon-left-circled:before { content: ""; height: inherit; }

.icon-right-circled.icon-left a:before, .icon-right-circled.icon-right a:after, i.icon-right-circled:before { content: ""; height: inherit; }

.icon-up-circled.icon-left a:before, .icon-up-circled.icon-right a:after, i.icon-up-circled:before { content: ""; height: inherit; }

.icon-down-open.icon-left a:before, .icon-down-open.icon-right a:after, i.icon-down-open:before { content: ""; height: inherit; }

.icon-left-open.icon-left a:before, .icon-left-open.icon-right a:after, i.icon-left-open:before { content: ""; height: inherit; }

.icon-right-open.icon-left a:before, .icon-right-open.icon-right a:after, i.icon-right-open:before { content: ""; height: inherit; }

.icon-up-open.icon-left a:before, .icon-up-open.icon-right a:after, i.icon-up-open:before { content: ""; height: inherit; }

.icon-down-open-mini.icon-left a:before, .icon-down-open-mini.icon-right a:after, i.icon-down-open-mini:before { content: ""; height: inherit; }

.icon-left-open-mini.icon-left a:before, .icon-left-open-mini.icon-right a:after, i.icon-left-open-mini:before { content: ""; height: inherit; }

.icon-right-open-mini.icon-left a:before, .icon-right-open-mini.icon-right a:after, i.icon-right-open-mini:before { content: ""; height: inherit; }

.icon-up-open-mini.icon-left a:before, .icon-up-open-mini.icon-right a:after, i.icon-up-open-mini:before { content: ""; height: inherit; }

.icon-down-open-big.icon-left a:before, .icon-down-open-big.icon-right a:after, i.icon-down-open-big:before { content: ""; height: inherit; }

.icon-left-open-big.icon-left a:before, .icon-left-open-big.icon-right a:after, i.icon-left-open-big:before { content: ""; height: inherit; }

.icon-right-open-big.icon-left a:before, .icon-right-open-big.icon-right a:after, i.icon-right-open-big:before { content: ""; height: inherit; }

.icon-up-open-big.icon-left a:before, .icon-up-open-big.icon-right a:after, i.icon-up-open-big:before { content: ""; height: inherit; }

.icon-down.icon-left a:before, .icon-down.icon-right a:after, i.icon-down:before { content: "⬇"; height: inherit; }

.icon-arrow-left.icon-left a:before, .icon-arrow-left.icon-right a:after, i.icon-arrow-left:before { content: "⬅"; height: inherit; }

.icon-arrow-right.icon-left a:before, .icon-arrow-right.icon-right a:after, i.icon-arrow-right:before { content: "➡"; height: inherit; }

.icon-up.icon-left a:before, .icon-up.icon-right a:after, i.icon-up:before { content: "⬆"; height: inherit; }

.icon-down-dir.icon-left a:before, .icon-down-dir.icon-right a:after, i.icon-down-dir:before { content: "▾"; height: inherit; }

.icon-left-dir.icon-left a:before, .icon-left-dir.icon-right a:after, i.icon-left-dir:before { content: "◂"; height: inherit; }

.icon-right-dir.icon-left a:before, .icon-right-dir.icon-right a:after, i.icon-right-dir:before { content: "▸"; height: inherit; }

.icon-up-dir.icon-left a:before, .icon-up-dir.icon-right a:after, i.icon-up-dir:before { content: "▴"; height: inherit; }

.icon-down-bold.icon-left a:before, .icon-down-bold.icon-right a:after, i.icon-down-bold:before { content: ""; height: inherit; }

.icon-left-bold.icon-left a:before, .icon-left-bold.icon-right a:after, i.icon-left-bold:before { content: ""; height: inherit; }

.icon-right-bold.icon-left a:before, .icon-right-bold.icon-right a:after, i.icon-right-bold:before { content: ""; height: inherit; }

.icon-up-bold.icon-left a:before, .icon-up-bold.icon-right a:after, i.icon-up-bold:before { content: ""; height: inherit; }

.icon-down-thin.icon-left a:before, .icon-down-thin.icon-right a:after, i.icon-down-thin:before { content: "↓"; height: inherit; }

.icon-left-thin.icon-left a:before, .icon-left-thin.icon-right a:after, i.icon-left-thin:before { content: "←"; height: inherit; }

.icon-right-thin.icon-left a:before, .icon-right-thin.icon-right a:after, i.icon-right-thin:before { content: "→"; height: inherit; }

.icon-up-thin.icon-left a:before, .icon-up-thin.icon-right a:after, i.icon-up-thin:before { content: "↑"; height: inherit; }

.icon-ccw.icon-left a:before, .icon-ccw.icon-right a:after, i.icon-ccw:before { content: "⟲"; height: inherit; }

.icon-cw.icon-left a:before, .icon-cw.icon-right a:after, i.icon-cw:before { content: "⟳"; height: inherit; }

.icon-arrows-ccw.icon-left a:before, .icon-arrows-ccw.icon-right a:after, i.icon-arrows-ccw:before { content: "🔄"; height: inherit; }

.icon-level-down.icon-left a:before, .icon-level-down.icon-right a:after, i.icon-level-down:before { content: "↳"; height: inherit; }

.icon-level-up.icon-left a:before, .icon-level-up.icon-right a:after, i.icon-level-up:before { content: "↰"; height: inherit; }

.icon-shuffle.icon-left a:before, .icon-shuffle.icon-right a:after, i.icon-shuffle:before { content: "🔀"; height: inherit; }

.icon-loop.icon-left a:before, .icon-loop.icon-right a:after, i.icon-loop:before { content: "🔁"; height: inherit; }

.icon-switch.icon-left a:before, .icon-switch.icon-right a:after, i.icon-switch:before { content: "⇆"; height: inherit; }

.icon-play.icon-left a:before, .icon-play.icon-right a:after, i.icon-play:before { content: "▶"; height: inherit; }

.icon-stop.icon-left a:before, .icon-stop.icon-right a:after, i.icon-stop:before { content: "■"; height: inherit; }

.icon-pause.icon-left a:before, .icon-pause.icon-right a:after, i.icon-pause:before { content: "⎉"; height: inherit; }

.icon-record.icon-left a:before, .icon-record.icon-right a:after, i.icon-record:before { content: "⚫"; height: inherit; }

.icon-to-end.icon-left a:before, .icon-to-end.icon-right a:after, i.icon-to-end:before { content: "⏭"; height: inherit; }

.icon-to-start.icon-left a:before, .icon-to-start.icon-right a:after, i.icon-to-start:before { content: "⏮"; height: inherit; }

.icon-fast-forward.icon-left a:before, .icon-fast-forward.icon-right a:after, i.icon-fast-forward:before { content: "⏩"; height: inherit; }

.icon-fast-backward.icon-left a:before, .icon-fast-backward.icon-right a:after, i.icon-fast-backward:before { content: "⏪"; height: inherit; }

.icon-progress-0.icon-left a:before, .icon-progress-0.icon-right a:after, i.icon-progress-0:before { content: ""; height: inherit; }

.icon-progress-1.icon-left a:before, .icon-progress-1.icon-right a:after, i.icon-progress-1:before { content: ""; height: inherit; }

.icon-progress-2.icon-left a:before, .icon-progress-2.icon-right a:after, i.icon-progress-2:before { content: ""; height: inherit; }

.icon-progress-3.icon-left a:before, .icon-progress-3.icon-right a:after, i.icon-progress-3:before { content: ""; height: inherit; }

.icon-target.icon-left a:before, .icon-target.icon-right a:after, i.icon-target:before { content: "🎯"; height: inherit; }

.icon-palette.icon-left a:before, .icon-palette.icon-right a:after, i.icon-palette:before { content: "🎨"; height: inherit; }

.icon-list.icon-left a:before, .icon-list.icon-right a:after, i.icon-list:before { content: ""; height: inherit; }

.icon-list-add.icon-left a:before, .icon-list-add.icon-right a:after, i.icon-list-add:before { content: ""; height: inherit; }

.icon-signal.icon-left a:before, .icon-signal.icon-right a:after, i.icon-signal:before { content: "📶"; height: inherit; }

.icon-trophy.icon-left a:before, .icon-trophy.icon-right a:after, i.icon-trophy:before { content: "🏆"; height: inherit; }

.icon-battery.icon-left a:before, .icon-battery.icon-right a:after, i.icon-battery:before { content: "🔋"; height: inherit; }

.icon-back-in-time.icon-left a:before, .icon-back-in-time.icon-right a:after, i.icon-back-in-time:before { content: ""; height: inherit; }

.icon-monitor.icon-left a:before, .icon-monitor.icon-right a:after, i.icon-monitor:before { content: "💻"; height: inherit; }

.icon-mobile.icon-left a:before, .icon-mobile.icon-right a:after, i.icon-mobile:before { content: "📱"; height: inherit; }

.icon-network.icon-left a:before, .icon-network.icon-right a:after, i.icon-network:before { content: ""; height: inherit; }

.icon-cd.icon-left a:before, .icon-cd.icon-right a:after, i.icon-cd:before { content: "💿"; height: inherit; }

.icon-inbox.icon-left a:before, .icon-inbox.icon-right a:after, i.icon-inbox:before { content: ""; height: inherit; }

.icon-install.icon-left a:before, .icon-install.icon-right a:after, i.icon-install:before { content: ""; height: inherit; }

.icon-globe.icon-left a:before, .icon-globe.icon-right a:after, i.icon-globe:before { content: "🌎"; height: inherit; }

.icon-cloud.icon-left a:before, .icon-cloud.icon-right a:after, i.icon-cloud:before { content: "☁"; height: inherit; }

.icon-cloud-thunder.icon-left a:before, .icon-cloud-thunder.icon-right a:after, i.icon-cloud-thunder:before { content: "⛈"; height: inherit; }

.icon-flash.icon-left a:before, .icon-flash.icon-right a:after, i.icon-flash:before { content: "⚡"; height: inherit; }

.icon-moon.icon-left a:before, .icon-moon.icon-right a:after, i.icon-moon:before { content: "☽"; height: inherit; }

.icon-flight.icon-left a:before, .icon-flight.icon-right a:after, i.icon-flight:before { content: "✈"; height: inherit; }

.icon-paper-plane.icon-left a:before, .icon-paper-plane.icon-right a:after, i.icon-paper-plane:before { content: ""; height: inherit; }

.icon-leaf.icon-left a:before, .icon-leaf.icon-right a:after, i.icon-leaf:before { content: "🍂"; height: inherit; }

.icon-lifebuoy.icon-left a:before, .icon-lifebuoy.icon-right a:after, i.icon-lifebuoy:before { content: ""; height: inherit; }

.icon-mouse.icon-left a:before, .icon-mouse.icon-right a:after, i.icon-mouse:before { content: ""; height: inherit; }

.icon-briefcase.icon-left a:before, .icon-briefcase.icon-right a:after, i.icon-briefcase:before { content: "💼"; height: inherit; }

.icon-suitcase.icon-left a:before, .icon-suitcase.icon-right a:after, i.icon-suitcase:before { content: ""; height: inherit; }

.icon-dot.icon-left a:before, .icon-dot.icon-right a:after, i.icon-dot:before { content: ""; height: inherit; }

.icon-dot-2.icon-left a:before, .icon-dot-2.icon-right a:after, i.icon-dot-2:before { content: ""; height: inherit; }

.icon-dot-3.icon-left a:before, .icon-dot-3.icon-right a:after, i.icon-dot-3:before { content: ""; height: inherit; }

.icon-brush.icon-left a:before, .icon-brush.icon-right a:after, i.icon-brush:before { content: ""; height: inherit; }

.icon-magnet.icon-left a:before, .icon-magnet.icon-right a:after, i.icon-magnet:before { content: ""; height: inherit; }

.icon-infinity.icon-left a:before, .icon-infinity.icon-right a:after, i.icon-infinity:before { content: "∞"; height: inherit; }

.icon-erase.icon-left a:before, .icon-erase.icon-right a:after, i.icon-erase:before { content: "⌫"; height: inherit; }

.icon-chart-pie.icon-left a:before, .icon-chart-pie.icon-right a:after, i.icon-chart-pie:before { content: ""; height: inherit; }

.icon-chart-line.icon-left a:before, .icon-chart-line.icon-right a:after, i.icon-chart-line:before { content: "📈"; height: inherit; }

.icon-chart-bar.icon-left a:before, .icon-chart-bar.icon-right a:after, i.icon-chart-bar:before { content: "📊"; height: inherit; }

.icon-chart-area.icon-left a:before, .icon-chart-area.icon-right a:after, i.icon-chart-area:before { content: "🔾"; height: inherit; }

.icon-tape.icon-left a:before, .icon-tape.icon-right a:after, i.icon-tape:before { content: "✇"; height: inherit; }

.icon-graduation-cap.icon-left a:before, .icon-graduation-cap.icon-right a:after, i.icon-graduation-cap:before { content: "🎓"; height: inherit; }

.icon-language.icon-left a:before, .icon-language.icon-right a:after, i.icon-language:before { content: ""; height: inherit; }

.icon-ticket.icon-left a:before, .icon-ticket.icon-right a:after, i.icon-ticket:before { content: "🎫"; height: inherit; }

.icon-water.icon-left a:before, .icon-water.icon-right a:after, i.icon-water:before { content: "💦"; height: inherit; }

.icon-droplet.icon-left a:before, .icon-droplet.icon-right a:after, i.icon-droplet:before { content: "💧"; height: inherit; }

.icon-air.icon-left a:before, .icon-air.icon-right a:after, i.icon-air:before { content: ""; height: inherit; }

.icon-credit-card.icon-left a:before, .icon-credit-card.icon-right a:after, i.icon-credit-card:before { content: "💳"; height: inherit; }

.icon-floppy.icon-left a:before, .icon-floppy.icon-right a:after, i.icon-floppy:before { content: "💾"; height: inherit; }

.icon-clipboard.icon-left a:before, .icon-clipboard.icon-right a:after, i.icon-clipboard:before { content: "📋"; height: inherit; }

.icon-megaphone.icon-left a:before, .icon-megaphone.icon-right a:after, i.icon-megaphone:before { content: "📣"; height: inherit; }

.icon-database.icon-left a:before, .icon-database.icon-right a:after, i.icon-database:before { content: ""; height: inherit; }

.icon-drive.icon-left a:before, .icon-drive.icon-right a:after, i.icon-drive:before { content: ""; height: inherit; }

.icon-bucket.icon-left a:before, .icon-bucket.icon-right a:after, i.icon-bucket:before { content: ""; height: inherit; }

.icon-thermometer.icon-left a:before, .icon-thermometer.icon-right a:after, i.icon-thermometer:before { content: ""; height: inherit; }

.icon-key.icon-left a:before, .icon-key.icon-right a:after, i.icon-key:before { content: "🔑"; height: inherit; }

.icon-flow-cascade.icon-left a:before, .icon-flow-cascade.icon-right a:after, i.icon-flow-cascade:before { content: ""; height: inherit; }

.icon-flow-branch.icon-left a:before, .icon-flow-branch.icon-right a:after, i.icon-flow-branch:before { content: ""; height: inherit; }

.icon-flow-tree.icon-left a:before, .icon-flow-tree.icon-right a:after, i.icon-flow-tree:before { content: ""; height: inherit; }

.icon-flow-line.icon-left a:before, .icon-flow-line.icon-right a:after, i.icon-flow-line:before { content: ""; height: inherit; }

.icon-flow-parallel.icon-left a:before, .icon-flow-parallel.icon-right a:after, i.icon-flow-parallel:before { content: ""; height: inherit; }

.icon-rocket.icon-left a:before, .icon-rocket.icon-right a:after, i.icon-rocket:before { content: "🚀"; height: inherit; }

.icon-gauge.icon-left a:before, .icon-gauge.icon-right a:after, i.icon-gauge:before { content: ""; height: inherit; }

.icon-traffic-cone.icon-left a:before, .icon-traffic-cone.icon-right a:after, i.icon-traffic-cone:before { content: ""; height: inherit; }

.icon-cc.icon-left a:before, .icon-cc.icon-right a:after, i.icon-cc:before { content: ""; height: inherit; }

.icon-cc-by.icon-left a:before, .icon-cc-by.icon-right a:after, i.icon-cc-by:before { content: ""; height: inherit; }

.icon-cc-nc.icon-left a:before, .icon-cc-nc.icon-right a:after, i.icon-cc-nc:before { content: ""; height: inherit; }

.icon-cc-nc-eu.icon-left a:before, .icon-cc-nc-eu.icon-right a:after, i.icon-cc-nc-eu:before { content: ""; height: inherit; }

.icon-cc-nc-jp.icon-left a:before, .icon-cc-nc-jp.icon-right a:after, i.icon-cc-nc-jp:before { content: ""; height: inherit; }

.icon-cc-sa.icon-left a:before, .icon-cc-sa.icon-right a:after, i.icon-cc-sa:before { content: ""; height: inherit; }

.icon-cc-nd.icon-left a:before, .icon-cc-nd.icon-right a:after, i.icon-cc-nd:before { content: ""; height: inherit; }

.icon-cc-pd.icon-left a:before, .icon-cc-pd.icon-right a:after, i.icon-cc-pd:before { content: ""; height: inherit; }

.icon-cc-zero.icon-left a:before, .icon-cc-zero.icon-right a:after, i.icon-cc-zero:before { content: ""; height: inherit; }

.icon-cc-share.icon-left a:before, .icon-cc-share.icon-right a:after, i.icon-cc-share:before { content: ""; height: inherit; }

.icon-cc-remix.icon-left a:before, .icon-cc-remix.icon-right a:after, i.icon-cc-remix:before { content: ""; height: inherit; }

.icon-github.icon-left a:before, .icon-github.icon-right a:after, i.icon-github:before { content: ""; height: inherit; }

.icon-github-circled.icon-left a:before, .icon-github-circled.icon-right a:after, i.icon-github-circled:before { content: ""; height: inherit; }

.icon-flickr.icon-left a:before, .icon-flickr.icon-right a:after, i.icon-flickr:before { content: ""; height: inherit; }

.icon-flickr-circled.icon-left a:before, .icon-flickr-circled.icon-right a:after, i.icon-flickr-circled:before { content: ""; height: inherit; }

.icon-vimeo.icon-left a:before, .icon-vimeo.icon-right a:after, i.icon-vimeo:before { content: ""; height: inherit; }

.icon-vimeo-circled.icon-left a:before, .icon-vimeo-circled.icon-right a:after, i.icon-vimeo-circled:before { content: ""; height: inherit; }

.icon-twitter.icon-left a:before, .icon-twitter.icon-right a:after, i.icon-twitter:before { content: ""; height: inherit; }

.icon-twitter-circled.icon-left a:before, .icon-twitter-circled.icon-right a:after, i.icon-twitter-circled:before { content: ""; height: inherit; }

.icon-facebook.icon-left a:before, .icon-facebook.icon-right a:after, i.icon-facebook:before { content: ""; height: inherit; }

.icon-facebook-circled.icon-left a:before, .icon-facebook-circled.icon-right a:after, i.icon-facebook-circled:before { content: ""; height: inherit; }

.icon-facebook-squared.icon-left a:before, .icon-facebook-squared.icon-right a:after, i.icon-facebook-squared:before { content: ""; height: inherit; }

.icon-gplus.icon-left a:before, .icon-gplus.icon-right a:after, i.icon-gplus:before { content: ""; height: inherit; }

.icon-gplus-circled.icon-left a:before, .icon-gplus-circled.icon-right a:after, i.icon-gplus-circled:before { content: ""; height: inherit; }

.icon-pinterest.icon-left a:before, .icon-pinterest.icon-right a:after, i.icon-pinterest:before { content: ""; height: inherit; }

.icon-pinterest-circled.icon-left a:before, .icon-pinterest-circled.icon-right a:after, i.icon-pinterest-circled:before { content: ""; height: inherit; }

.icon-tumblr.icon-left a:before, .icon-tumblr.icon-right a:after, i.icon-tumblr:before { content: ""; height: inherit; }

.icon-tumblr-circled.icon-left a:before, .icon-tumblr-circled.icon-right a:after, i.icon-tumblr-circled:before { content: ""; height: inherit; }

.icon-linkedin.icon-left a:before, .icon-linkedin.icon-right a:after, i.icon-linkedin:before { content: ""; height: inherit; }

.icon-linkedin-circled.icon-left a:before, .icon-linkedin-circled.icon-right a:after, i.icon-linkedin-circled:before { content: ""; height: inherit; }

.icon-dribbble.icon-left a:before, .icon-dribbble.icon-right a:after, i.icon-dribbble:before { content: ""; height: inherit; }

.icon-dribbble-circled.icon-left a:before, .icon-dribbble-circled.icon-right a:after, i.icon-dribbble-circled:before { content: ""; height: inherit; }

.icon-stumbleupon.icon-left a:before, .icon-stumbleupon.icon-right a:after, i.icon-stumbleupon:before { content: ""; height: inherit; }

.icon-stumbleupon-circled.icon-left a:before, .icon-stumbleupon-circled.icon-right a:after, i.icon-stumbleupon-circled:before { content: ""; height: inherit; }

.icon-lastfm.icon-left a:before, .icon-lastfm.icon-right a:after, i.icon-lastfm:before { content: ""; height: inherit; }

.icon-lastfm-circled.icon-left a:before, .icon-lastfm-circled.icon-right a:after, i.icon-lastfm-circled:before { content: ""; height: inherit; }

.icon-rdio.icon-left a:before, .icon-rdio.icon-right a:after, i.icon-rdio:before { content: ""; height: inherit; }

.icon-rdio-circled.icon-left a:before, .icon-rdio-circled.icon-right a:after, i.icon-rdio-circled:before { content: ""; height: inherit; }

.icon-spotify.icon-left a:before, .icon-spotify.icon-right a:after, i.icon-spotify:before { content: ""; height: inherit; }

.icon-spotify-circled.icon-left a:before, .icon-spotify-circled.icon-right a:after, i.icon-spotify-circled:before { content: ""; height: inherit; }

.icon-qq.icon-left a:before, .icon-qq.icon-right a:after, i.icon-qq:before { content: ""; height: inherit; }

.icon-instagram.icon-left a:before, .icon-instagram.icon-right a:after, i.icon-instagram:before { content: ""; height: inherit; }

.icon-dropbox.icon-left a:before, .icon-dropbox.icon-right a:after, i.icon-dropbox:before { content: ""; height: inherit; }

.icon-evernote.icon-left a:before, .icon-evernote.icon-right a:after, i.icon-evernote:before { content: ""; height: inherit; }

.icon-flattr.icon-left a:before, .icon-flattr.icon-right a:after, i.icon-flattr:before { content: ""; height: inherit; }

.icon-skype.icon-left a:before, .icon-skype.icon-right a:after, i.icon-skype:before { content: ""; height: inherit; }

.icon-skype-circled.icon-left a:before, .icon-skype-circled.icon-right a:after, i.icon-skype-circled:before { content: ""; height: inherit; }

.icon-renren.icon-left a:before, .icon-renren.icon-right a:after, i.icon-renren:before { content: ""; height: inherit; }

.icon-sina-weibo.icon-left a:before, .icon-sina-weibo.icon-right a:after, i.icon-sina-weibo:before { content: ""; height: inherit; }

.icon-paypal.icon-left a:before, .icon-paypal.icon-right a:after, i.icon-paypal:before { content: ""; height: inherit; }

.icon-picasa.icon-left a:before, .icon-picasa.icon-right a:after, i.icon-picasa:before { content: ""; height: inherit; }

.icon-soundcloud.icon-left a:before, .icon-soundcloud.icon-right a:after, i.icon-soundcloud:before { content: ""; height: inherit; }

.icon-mixi.icon-left a:before, .icon-mixi.icon-right a:after, i.icon-mixi:before { content: ""; height: inherit; }

.icon-behance.icon-left a:before, .icon-behance.icon-right a:after, i.icon-behance:before { content: ""; height: inherit; }

.icon-google-circles.icon-left a:before, .icon-google-circles.icon-right a:after, i.icon-google-circles:before { content: ""; height: inherit; }

.icon-vkontakte.icon-left a:before, .icon-vkontakte.icon-right a:after, i.icon-vkontakte:before { content: ""; height: inherit; }

.icon-smashing.icon-left a:before, .icon-smashing.icon-right a:after, i.icon-smashing:before { content: ""; height: inherit; }

.icon-sweden.icon-left a:before, .icon-sweden.icon-right a:after, i.icon-sweden:before { content: ""; height: inherit; }

.icon-db-shape.icon-left a:before, .icon-db-shape.icon-right a:after, i.icon-db-shape:before { content: ""; height: inherit; }

.icon-logo-db.icon-left a:before, .icon-logo-db.icon-right a:after, i.icon-logo-db:before { content: ""; height: inherit; }

.fixed { position: fixed; }
.fixed.pinned { position: absolute; }
@media only screen and (max-width: 768px) { .fixed { position: relative !important; top: auto !important; left: auto !important; } }

.unfixed { position: relative !important; top: auto !important; left: auto !important; }

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

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

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

/*=================================================

	+++ LE GRID +++
	A Responsive Grid -- Gumby defaults to a standard 960 grid,
	but you can change it to whatever you'd like.
 ==================================================*/
/*.container {
	padding: 0 $gutter-in-px;
}*/
.row { width: 100%; max-width: 980px; min-width: 320px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.row .row { min-width: 0; padding-left: 0; padding-right: 0; }

/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns { margin-left: 2.12766%; float: left; min-height: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.column:first-child, .columns:first-child, .alpha { margin-left: 0; }

.column.omega, .columns.omega { float: right; }

/* Column Classes */
.row .one.column { width: 6.38298%; }
.row .one.columns { width: 6.38298%; }
.row .two.columns { width: 14.89362%; }
.row .three.columns { width: 23.40426%; }
.row .four.columns { width: 31.91489%; }
.row .five.columns { width: 40.42553%; }
.row .six.columns { width: 48.93617%; }
.row .seven.columns { width: 57.44681%; }
.row .eight.columns { width: 65.95745%; }
.row .nine.columns { width: 74.46809%; }
.row .ten.columns { width: 82.97872%; }
.row .eleven.columns { width: 91.48936%; }
.row .twelve.columns { width: 100%; }

/* Push and Pull Classes */
.row .push_one { margin-left: 10.6383%; }
.row .push_one:first-child { margin-left: 8.51064%; }
.row .pull_one.one.column { margin-left: -14.89362%; }
.row .pull_one.two.columns { margin-left: -23.40426%; }
.row .pull_one.three.columns { margin-left: -31.91489%; }
.row .pull_one.four.columns { margin-left: -40.42553%; }
.row .pull_one.five.columns { margin-left: -48.93617%; }
.row .pull_one.six.columns { margin-left: -57.44681%; }
.row .pull_one.seven.columns { margin-left: -65.95745%; }
.row .pull_one.eight.columns { margin-left: -74.46809%; }
.row .pull_one.nine.columns { margin-left: -82.97872%; }
.row .pull_one.ten.columns { margin-left: -91.48936%; }
.row .push_two { margin-left: 19.14894%; }
.row .push_two:first-child { margin-left: 17.02128%; }
.row .pull_two.one.column { margin-left: -23.40426%; }
.row .pull_two.two.columns { margin-left: -31.91489%; }
.row .pull_two.three.columns { margin-left: -40.42553%; }
.row .pull_two.four.columns { margin-left: -48.93617%; }
.row .pull_two.five.columns { margin-left: -57.44681%; }
.row .pull_two.six.columns { margin-left: -65.95745%; }
.row .pull_two.seven.columns { margin-left: -74.46809%; }
.row .pull_two.eight.columns { margin-left: -82.97872%; }
.row .pull_two.nine.columns { margin-left: -91.48936%; }
.row .pull_two.eleven.columns { margin-left: -108.51064%; }
.row .push_three { margin-left: 27.65957%; }
.row .push_three:first-child { margin-left: 25.53191%; }
.row .pull_three.one.column { margin-left: -31.91489%; }
.row .pull_three.two.columns { margin-left: -40.42553%; }
.row .pull_three.three.columns { margin-left: -48.93617%; }
.row .pull_three.four.columns { margin-left: -57.44681%; }
.row .pull_three.five.columns { margin-left: -65.95745%; }
.row .pull_three.six.columns { margin-left: -74.46809%; }
.row .pull_three.seven.columns { margin-left: -82.97872%; }
.row .pull_three.eight.columns { margin-left: -91.48936%; }
.row .pull_three.ten.columns { margin-left: -108.51064%; }
.row .pull_three.eleven.columns { margin-left: -117.02128%; }
.row .push_four { margin-left: 36.17021%; }
.row .push_four:first-child { margin-left: 34.04255%; }
.row .pull_four.one.column { margin-left: -40.42553%; }
.row .pull_four.two.columns { margin-left: -48.93617%; }
.row .pull_four.three.columns { margin-left: -57.44681%; }
.row .pull_four.four.columns { margin-left: -65.95745%; }
.row .pull_four.five.columns { margin-left: -74.46809%; }
.row .pull_four.six.columns { margin-left: -82.97872%; }
.row .pull_four.seven.columns { margin-left: -91.48936%; }
.row .pull_four.nine.columns { margin-left: -108.51064%; }
.row .pull_four.ten.columns { margin-left: -117.02128%; }
.row .pull_four.eleven.columns { margin-left: -125.53191%; }
.row .push_five { margin-left: 44.68085%; }
.row .push_five:first-child { margin-left: 42.55319%; }
.row .pull_five.one.column { margin-left: -48.93617%; }
.row .pull_five.two.columns { margin-left: -57.44681%; }
.row .pull_five.three.columns { margin-left: -65.95745%; }
.row .pull_five.four.columns { margin-left: -74.46809%; }
.row .pull_five.five.columns { margin-left: -82.97872%; }
.row .pull_five.six.columns { margin-left: -91.48936%; }
.row .pull_five.eight.columns { margin-left: -108.51064%; }
.row .pull_five.nine.columns { margin-left: -117.02128%; }
.row .pull_five.ten.columns { margin-left: -125.53191%; }
.row .pull_five.eleven.columns { margin-left: -134.04255%; }
.row .push_six { margin-left: 53.19149%; }
.row .push_six:first-child { margin-left: 51.06383%; }
.row .pull_six.one.column { margin-left: -57.44681%; }
.row .pull_six.two.columns { margin-left: -65.95745%; }
.row .pull_six.three.columns { margin-left: -74.46809%; }
.row .pull_six.four.columns { margin-left: -82.97872%; }
.row .pull_six.five.columns { margin-left: -91.48936%; }
.row .pull_six.seven.columns { margin-left: -108.51064%; }
.row .pull_six.eight.columns { margin-left: -117.02128%; }
.row .pull_six.nine.columns { margin-left: -125.53191%; }
.row .pull_six.ten.columns { margin-left: -134.04255%; }
.row .pull_six.eleven.columns { margin-left: -142.55319%; }
.row .push_seven { margin-left: 61.70213%; }
.row .push_seven:first-child { margin-left: 59.57447%; }
.row .pull_seven.one.column { margin-left: -65.95745%; }
.row .pull_seven.two.columns { margin-left: -74.46809%; }
.row .pull_seven.three.columns { margin-left: -82.97872%; }
.row .pull_seven.four.columns { margin-left: -91.48936%; }
.row .pull_seven.six.columns { margin-left: -108.51064%; }
.row .pull_seven.seven.columns { margin-left: -117.02128%; }
.row .pull_seven.eight.columns { margin-left: -125.53191%; }
.row .pull_seven.nine.columns { margin-left: -134.04255%; }
.row .pull_seven.ten.columns { margin-left: -142.55319%; }
.row .pull_seven.eleven.columns { margin-left: -151.06383%; }
.row .push_eight { margin-left: 70.21277%; }
.row .push_eight:first-child { margin-left: 68.08511%; }
.row .pull_eight.one.column { margin-left: -74.46809%; }
.row .pull_eight.two.columns { margin-left: -82.97872%; }
.row .pull_eight.three.columns { margin-left: -91.48936%; }
.row .pull_eight.five.columns { margin-left: -108.51064%; }
.row .pull_eight.six.columns { margin-left: -117.02128%; }
.row .pull_eight.seven.columns { margin-left: -125.53191%; }
.row .pull_eight.eight.columns { margin-left: -134.04255%; }
.row .pull_eight.nine.columns { margin-left: -142.55319%; }
.row .pull_eight.ten.columns { margin-left: -151.06383%; }
.row .pull_eight.eleven.columns { margin-left: -159.57447%; }
.row .push_nine { margin-left: 78.7234%; }
.row .push_nine:first-child { margin-left: 76.59574%; }
.row .pull_nine.one.column { margin-left: -82.97872%; }
.row .pull_nine.two.columns { margin-left: -91.48936%; }
.row .pull_nine.four.columns { margin-left: -108.51064%; }
.row .pull_nine.five.columns { margin-left: -117.02128%; }
.row .pull_nine.six.columns { margin-left: -125.53191%; }
.row .pull_nine.seven.columns { margin-left: -134.04255%; }
.row .pull_nine.eight.columns { margin-left: -142.55319%; }
.row .pull_nine.nine.columns { margin-left: -151.06383%; }
.row .pull_nine.ten.columns { margin-left: -159.57447%; }
.row .pull_nine.eleven.columns { margin-left: -168.08511%; }
.row .push_ten { margin-left: 87.23404%; }
.row .push_ten:first-child { margin-left: 85.10638%; }
.row .pull_ten.one.column { margin-left: -91.48936%; }
.row .pull_ten.three.columns { margin-left: -108.51064%; }
.row .pull_ten.four.columns { margin-left: -117.02128%; }
.row .pull_ten.five.columns { margin-left: -125.53191%; }
.row .pull_ten.six.columns { margin-left: -134.04255%; }
.row .pull_ten.seven.columns { margin-left: -142.55319%; }
.row .pull_ten.eight.columns { margin-left: -151.06383%; }
.row .pull_ten.nine.columns { margin-left: -159.57447%; }
.row .pull_ten.ten.columns { margin-left: -168.08511%; }
.row .pull_ten.eleven.columns { margin-left: -176.59574%; }
.row .push_eleven { margin-left: 95.74468%; }
.row .push_eleven:first-child { margin-left: 93.61702%; }
.row .pull_eleven.two.columns { margin-left: -108.51064%; }
.row .pull_eleven.three.columns { margin-left: -117.02128%; }
.row .pull_eleven.four.columns { margin-left: -125.53191%; }
.row .pull_eleven.five.columns { margin-left: -134.04255%; }
.row .pull_eleven.six.columns { margin-left: -142.55319%; }
.row .pull_eleven.seven.columns { margin-left: -151.06383%; }
.row .pull_eleven.eight.columns { margin-left: -159.57447%; }
.row .pull_eleven.nine.columns { margin-left: -168.08511%; }
.row .pull_eleven.ten.columns { margin-left: -176.59574%; }
.row .pull_eleven.eleven.columns { margin-left: -185.10638%; }

/* Centered Classes */
.row .one.centered { margin-left: 46.80851%; }
.row .two.centered { margin-left: 42.55319%; }
.row .three.centered { margin-left: 38.29787%; }
.row .four.centered { margin-left: 34.04255%; }
.row .five.centered { margin-left: 29.78723%; }
.row .six.centered { margin-left: 25.53191%; }
.row .seven.centered { margin-left: 21.2766%; }
.row .eight.centered { margin-left: 17.02128%; }
.row .nine.centered { margin-left: 12.76596%; }
.row .ten.centered { margin-left: 8.51064%; }
.row .eleven.centered { margin-left: 4.25532%; }

/* Hybrid Grid Columns */
.sixteen.colgrid .row .one.column { width: 4.25532%; }
.sixteen.colgrid .row .one.columns { width: 4.25532%; }
.sixteen.colgrid .row .two.columns { width: 10.6383%; }
.sixteen.colgrid .row .three.columns { width: 17.02128%; }
.sixteen.colgrid .row .four.columns { width: 23.40426%; }
.sixteen.colgrid .row .five.columns { width: 29.78723%; }
.sixteen.colgrid .row .six.columns { width: 36.17021%; }
.sixteen.colgrid .row .seven.columns { width: 42.55319%; }
.sixteen.colgrid .row .eight.columns { width: 48.93617%; }
.sixteen.colgrid .row .nine.columns { width: 55.31915%; }
.sixteen.colgrid .row .ten.columns { width: 61.70213%; }
.sixteen.colgrid .row .eleven.columns { width: 68.08511%; }
.sixteen.colgrid .row .twelve.columns { width: 74.46809%; }
.sixteen.colgrid .row .thirteen.columns { width: 80.85106%; }
.sixteen.colgrid .row .fourteen.columns { width: 87.23404%; }
.sixteen.colgrid .row .fifteen.columns { width: 93.61702%; }
.sixteen.colgrid .row .sixteen.columns { width: 100%; }

/* Hybrid Push and Pull Classes */
.sixteen.colgrid .row .push_one { margin-left: 8.51064%; }
.sixteen.colgrid .row .push_one:first-child { margin-left: 6.38298%; }
.sixteen.colgrid .row .pull_one.one.column { margin-left: -10.6383%; }
.sixteen.colgrid .row .pull_one.two.columns { margin-left: -17.02128%; }
.sixteen.colgrid .row .pull_one.three.columns { margin-left: -23.40426%; }
.sixteen.colgrid .row .pull_one.four.columns { margin-left: -29.78723%; }
.sixteen.colgrid .row .pull_one.five.columns { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_one.six.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_one.seven.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_one.eight.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_one.nine.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_one.ten.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_one.eleven.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_one.twelve.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_one.thirteen.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_one.fourteen.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .push_two { margin-left: 14.89362%; }
.sixteen.colgrid .row .push_two:first-child { margin-left: 12.76596%; }
.sixteen.colgrid .row .pull_two.one.column { margin-left: -17.02128%; }
.sixteen.colgrid .row .pull_two.two.columns { margin-left: -23.40426%; }
.sixteen.colgrid .row .pull_two.three.columns { margin-left: -29.78723%; }
.sixteen.colgrid .row .pull_two.four.columns { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_two.five.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_two.six.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_two.seven.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_two.eight.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_two.nine.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_two.ten.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_two.eleven.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_two.twelve.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_two.thirteen.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_two.fifteen.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .push_three { margin-left: 21.2766%; }
.sixteen.colgrid .row .push_three:first-child { margin-left: 19.14894%; }
.sixteen.colgrid .row .pull_three.one.column { margin-left: -23.40426%; }
.sixteen.colgrid .row .pull_three.two.columns { margin-left: -29.78723%; }
.sixteen.colgrid .row .pull_three.three.columns { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_three.four.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_three.five.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_three.six.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_three.seven.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_three.eight.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_three.nine.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_three.ten.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_three.eleven.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_three.twelve.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_three.fourteen.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_three.fifteen.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .push_four { margin-left: 27.65957%; }
.sixteen.colgrid .row .push_four:first-child { margin-left: 25.53191%; }
.sixteen.colgrid .row .pull_four.one.column { margin-left: -29.78723%; }
.sixteen.colgrid .row .pull_four.two.columns { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_four.three.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_four.four.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_four.five.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_four.six.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_four.seven.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_four.eight.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_four.nine.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_four.ten.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_four.eleven.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_four.thirteen.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_four.fourteen.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_four.fifteen.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .push_five { margin-left: 34.04255%; }
.sixteen.colgrid .row .push_five:first-child { margin-left: 31.91489%; }
.sixteen.colgrid .row .pull_five.one.column { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_five.two.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_five.three.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_five.four.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_five.five.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_five.six.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_five.seven.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_five.eight.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_five.nine.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_five.ten.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_five.twelve.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_five.thirteen.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_five.fourteen.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_five.fifteen.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .push_six { margin-left: 40.42553%; }
.sixteen.colgrid .row .push_six:first-child { margin-left: 38.29787%; }
.sixteen.colgrid .row .pull_six.one.column { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_six.two.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_six.three.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_six.four.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_six.five.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_six.six.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_six.seven.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_six.eight.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_six.nine.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_six.eleven.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_six.twelve.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_six.thirteen.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_six.fourteen.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_six.fifteen.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .push_seven { margin-left: 46.80851%; }
.sixteen.colgrid .row .push_seven:first-child { margin-left: 44.68085%; }
.sixteen.colgrid .row .pull_seven.one.column { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_seven.two.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_seven.three.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_seven.four.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_seven.five.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_seven.six.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_seven.seven.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_seven.eight.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_seven.ten.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_seven.eleven.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_seven.twelve.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_seven.thirteen.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_seven.fourteen.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_seven.fifteen.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .push_eight { margin-left: 53.19149%; }
.sixteen.colgrid .row .push_eight:first-child { margin-left: 51.06383%; }
.sixteen.colgrid .row .pull_eight.one.column { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_eight.two.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_eight.three.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_eight.four.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_eight.five.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_eight.six.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_eight.seven.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_eight.nine.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_eight.ten.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_eight.eleven.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_eight.twelve.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_eight.thirteen.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_eight.fourteen.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_eight.fifteen.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .push_nine { margin-left: 59.57447%; }
.sixteen.colgrid .row .push_nine:first-child { margin-left: 57.44681%; }
.sixteen.colgrid .row .pull_nine.one.column { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_nine.two.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_nine.three.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_nine.four.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_nine.five.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_nine.six.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_nine.eight.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_nine.nine.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_nine.ten.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_nine.eleven.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_nine.twelve.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_nine.thirteen.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_nine.fourteen.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_nine.fifteen.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .push_ten { margin-left: 65.95745%; }
.sixteen.colgrid .row .push_ten:first-child { margin-left: 63.82979%; }
.sixteen.colgrid .row .pull_ten.one.column { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_ten.two.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_ten.three.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_ten.four.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_ten.five.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_ten.seven.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_ten.eight.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_ten.nine.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_ten.ten.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_ten.eleven.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_ten.twelve.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_ten.thirteen.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_ten.fourteen.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_ten.fifteen.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .push_eleven { margin-left: 72.34043%; }
.sixteen.colgrid .row .push_eleven:first-child { margin-left: 70.21277%; }
.sixteen.colgrid .row .pull_eleven.one.column { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_eleven.two.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_eleven.three.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_eleven.four.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_eleven.six.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_eleven.seven.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_eleven.eight.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_eleven.nine.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_eleven.ten.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_eleven.eleven.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_eleven.twelve.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_eleven.thirteen.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_eleven.fourteen.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_eleven.fifteen.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .push_twelve { margin-left: 78.7234%; }
.sixteen.colgrid .row .push_twelve:first-child { margin-left: 76.59574%; }
.sixteen.colgrid .row .pull_twelve.one.column { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_twelve.two.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_twelve.three.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_twelve.five.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_twelve.six.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_twelve.seven.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_twelve.eight.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_twelve.nine.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_twelve.ten.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_twelve.eleven.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_twelve.twelve.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_twelve.thirteen.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_twelve.fourteen.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .pull_twelve.fifteen.columns { margin-left: -170.21277%; }
.sixteen.colgrid .row .push_thirteen { margin-left: 85.10638%; }
.sixteen.colgrid .row .push_thirteen:first-child { margin-left: 82.97872%; }
.sixteen.colgrid .row .pull_thirteen.one.column { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_thirteen.two.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_thirteen.four.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_thirteen.five.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_thirteen.six.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_thirteen.seven.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_thirteen.eight.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_thirteen.nine.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_thirteen.ten.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_thirteen.eleven.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_thirteen.twelve.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_thirteen.thirteen.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .pull_thirteen.fourteen.columns { margin-left: -170.21277%; }
.sixteen.colgrid .row .pull_thirteen.fifteen.columns { margin-left: -176.59574%; }
.sixteen.colgrid .row .push_fourteen { margin-left: 91.48936%; }
.sixteen.colgrid .row .push_fourteen:first-child { margin-left: 89.3617%; }
.sixteen.colgrid .row .pull_fourteen.one.column { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_fourteen.three.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_fourteen.four.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_fourteen.five.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_fourteen.six.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_fourteen.seven.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_fourteen.eight.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_fourteen.nine.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_fourteen.ten.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_fourteen.eleven.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_fourteen.twelve.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .pull_fourteen.thirteen.columns { margin-left: -170.21277%; }
.sixteen.colgrid .row .pull_fourteen.fourteen.columns { margin-left: -176.59574%; }
.sixteen.colgrid .row .pull_fourteen.fifteen.columns { margin-left: -182.97872%; }
.sixteen.colgrid .row .push_fifteen { margin-left: 97.87234%; }
.sixteen.colgrid .row .push_fifteen:first-child { margin-left: 95.74468%; }
.sixteen.colgrid .row .pull_fifteen.two.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_fifteen.three.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_fifteen.four.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_fifteen.five.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_fifteen.six.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_fifteen.seven.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_fifteen.eight.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_fifteen.nine.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_fifteen.ten.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_fifteen.eleven.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .pull_fifteen.twelve.columns { margin-left: -170.21277%; }
.sixteen.colgrid .row .pull_fifteen.thirteen.columns { margin-left: -176.59574%; }
.sixteen.colgrid .row .pull_fifteen.fourteen.columns { margin-left: -182.97872%; }
.sixteen.colgrid .row .pull_fifteen.fifteen.columns { margin-left: -189.3617%; }

.row .pull_one.one.column:first-child, .row .pull_one.two.columns:first-child, .row .pull_one.three.columns:first-child, .row .pull_one.four.columns:first-child, .row .pull_one.five.columns:first-child, .row .pull_one.six.columns:first-child, .row .pull_one.seven.columns:first-child, .row .pull_one.eight.columns:first-child, .row .pull_one.nine.columns:first-child, .row .pull_one.ten.columns:first-child, .row .pull_two.one.column:first-child, .row .pull_two.two.columns:first-child, .row .pull_two.three.columns:first-child, .row .pull_two.four.columns:first-child, .row .pull_two.five.columns:first-child, .row .pull_two.six.columns:first-child, .row .pull_two.seven.columns:first-child, .row .pull_two.eight.columns:first-child, .row .pull_two.nine.columns:first-child, .row .pull_two.eleven.columns:first-child, .row .pull_three.one.column:first-child, .row .pull_three.two.columns:first-child, .row .pull_three.three.columns:first-child, .row .pull_three.four.columns:first-child, .row .pull_three.five.columns:first-child, .row .pull_three.six.columns:first-child, .row .pull_three.seven.columns:first-child, .row .pull_three.eight.columns:first-child, .row .pull_three.ten.columns:first-child, .row .pull_three.eleven.columns:first-child, .row .pull_four.one.column:first-child, .row .pull_four.two.columns:first-child, .row .pull_four.three.columns:first-child, .row .pull_four.four.columns:first-child, .row .pull_four.five.columns:first-child, .row .pull_four.six.columns:first-child, .row .pull_four.seven.columns:first-child, .row .pull_four.nine.columns:first-child, .row .pull_four.ten.columns:first-child, .row .pull_four.eleven.columns:first-child, .row .pull_five.one.column:first-child, .row .pull_five.two.columns:first-child, .row .pull_five.three.columns:first-child, .row .pull_five.four.columns:first-child, .row .pull_five.five.columns:first-child, .row .pull_five.six.columns:first-child, .row .pull_five.eight.columns:first-child, .row .pull_five.nine.columns:first-child, .row .pull_five.ten.columns:first-child, .row .pull_five.eleven.columns:first-child, .row .pull_six.one.column:first-child, .row .pull_six.two.columns:first-child, .row .pull_six.three.columns:first-child, .row .pull_six.four.columns:first-child, .row .pull_six.five.columns:first-child, .row .pull_six.seven.columns:first-child, .row .pull_six.eight.columns:first-child, .row .pull_six.nine.columns:first-child, .row .pull_six.ten.columns:first-child, .row .pull_six.eleven.columns:first-child, .row .pull_seven.one.column:first-child, .row .pull_seven.two.columns:first-child, .row .pull_seven.three.columns:first-child, .row .pull_seven.four.columns:first-child, .row .pull_seven.six.columns:first-child, .row .pull_seven.seven.columns:first-child, .row .pull_seven.eight.columns:first-child, .row .pull_seven.nine.columns:first-child, .row .pull_seven.ten.columns:first-child, .row .pull_seven.eleven.columns:first-child, .row .pull_eight.one.column:first-child, .row .pull_eight.two.columns:first-child, .row .pull_eight.three.columns:first-child, .row .pull_eight.five.columns:first-child, .row .pull_eight.six.columns:first-child, .row .pull_eight.seven.columns:first-child, .row .pull_eight.eight.columns:first-child, .row .pull_eight.nine.columns:first-child, .row .pull_eight.ten.columns:first-child, .row .pull_eight.eleven.columns:first-child, .row .pull_nine.one.column:first-child, .row .pull_nine.two.columns:first-child, .row .pull_nine.four.columns:first-child, .row .pull_nine.five.columns:first-child, .row .pull_nine.six.columns:first-child, .row .pull_nine.seven.columns:first-child, .row .pull_nine.eight.columns:first-child, .row .pull_nine.nine.columns:first-child, .row .pull_nine.ten.columns:first-child, .row .pull_nine.eleven.columns:first-child, .row .pull_ten.one.column:first-child, .row .pull_ten.three.columns:first-child, .row .pull_ten.four.columns:first-child, .row .pull_ten.five.columns:first-child, .row .pull_ten.six.columns:first-child, .row .pull_ten.seven.columns:first-child, .row .pull_ten.eight.columns:first-child, .row .pull_ten.nine.columns:first-child, .row .pull_ten.ten.columns:first-child, .row .pull_ten.eleven.columns:first-child, .row .pull_eleven.two.columns:first-child, .row .pull_eleven.three.columns:first-child, .row .pull_eleven.four.columns:first-child, .row .pull_eleven.five.columns:first-child, .row .pull_eleven.six.columns:first-child, .row .pull_eleven.seven.columns:first-child, .row .pull_eleven.eight.columns:first-child, .row .pull_eleven.nine.columns:first-child, .row .pull_eleven.ten.columns:first-child, .row .pull_eleven.eleven.columns:first-child, .sixteen.colgrid .row .pull_one.one.column:first-child, .sixteen.colgrid .row .pull_one.two.columns:first-child, .sixteen.colgrid .row .pull_one.three.columns:first-child, .sixteen.colgrid .row .pull_one.four.columns:first-child, .sixteen.colgrid .row .pull_one.five.columns:first-child, .sixteen.colgrid .row .pull_one.six.columns:first-child, .sixteen.colgrid .row .pull_one.seven.columns:first-child, .sixteen.colgrid .row .pull_one.eight.columns:first-child, .sixteen.colgrid .row .pull_one.nine.columns:first-child, .sixteen.colgrid .row .pull_one.ten.columns:first-child, .sixteen.colgrid .row .pull_one.eleven.columns:first-child, .sixteen.colgrid .row .pull_one.twelve.columns:first-child, .sixteen.colgrid .row .pull_one.thirteen.columns:first-child, .sixteen.colgrid .row .pull_one.fourteen.columns:first-child, .sixteen.colgrid .row .pull_two.one.column:first-child, .sixteen.colgrid .row .pull_two.two.columns:first-child, .sixteen.colgrid .row .pull_two.three.columns:first-child, .sixteen.colgrid .row .pull_two.four.columns:first-child, .sixteen.colgrid .row .pull_two.five.columns:first-child, .sixteen.colgrid .row .pull_two.six.columns:first-child, .sixteen.colgrid .row .pull_two.seven.columns:first-child, .sixteen.colgrid .row .pull_two.eight.columns:first-child, .sixteen.colgrid .row .pull_two.nine.columns:first-child, .sixteen.colgrid .row .pull_two.ten.columns:first-child, .sixteen.colgrid .row .pull_two.eleven.columns:first-child, .sixteen.colgrid .row .pull_two.twelve.columns:first-child, .sixteen.colgrid .row .pull_two.thirteen.columns:first-child, .sixteen.colgrid .row .pull_two.fifteen.columns:first-child, .sixteen.colgrid .row .pull_three.one.column:first-child, .sixteen.colgrid .row .pull_three.two.columns:first-child, .sixteen.colgrid .row .pull_three.three.columns:first-child, .sixteen.colgrid .row .pull_three.four.columns:first-child, .sixteen.colgrid .row .pull_three.five.columns:first-child, .sixteen.colgrid .row .pull_three.six.columns:first-child, .sixteen.colgrid .row .pull_three.seven.columns:first-child, .sixteen.colgrid .row .pull_three.eight.columns:first-child, .sixteen.colgrid .row .pull_three.nine.columns:first-child, .sixteen.colgrid .row .pull_three.ten.columns:first-child, .sixteen.colgrid .row .pull_three.eleven.columns:first-child, .sixteen.colgrid .row .pull_three.twelve.columns:first-child, .sixteen.colgrid .row .pull_three.fourteen.columns:first-child, .sixteen.colgrid .row .pull_three.fifteen.columns:first-child, .sixteen.colgrid .row .pull_four.one.column:first-child, .sixteen.colgrid .row .pull_four.two.columns:first-child, .sixteen.colgrid .row .pull_four.three.columns:first-child, .sixteen.colgrid .row .pull_four.four.columns:first-child, .sixteen.colgrid .row .pull_four.five.columns:first-child, .sixteen.colgrid .row .pull_four.six.columns:first-child, .sixteen.colgrid .row .pull_four.seven.columns:first-child, .sixteen.colgrid .row .pull_four.eight.columns:first-child, .sixteen.colgrid .row .pull_four.nine.columns:first-child, .sixteen.colgrid .row .pull_four.ten.columns:first-child, .sixteen.colgrid .row .pull_four.eleven.columns:first-child, .sixteen.colgrid .row .pull_four.thirteen.columns:first-child, .sixteen.colgrid .row .pull_four.fourteen.columns:first-child, .sixteen.colgrid .row .pull_four.fifteen.columns:first-child, .sixteen.colgrid .row .pull_five.one.column:first-child, .sixteen.colgrid .row .pull_five.two.columns:first-child, .sixteen.colgrid .row .pull_five.three.columns:first-child, .sixteen.colgrid .row .pull_five.four.columns:first-child, .sixteen.colgrid .row .pull_five.five.columns:first-child, .sixteen.colgrid .row .pull_five.six.columns:first-child, .sixteen.colgrid .row .pull_five.seven.columns:first-child, .sixteen.colgrid .row .pull_five.eight.columns:first-child, .sixteen.colgrid .row .pull_five.nine.columns:first-child, .sixteen.colgrid .row .pull_five.ten.columns:first-child, .sixteen.colgrid .row .pull_five.twelve.columns:first-child, .sixteen.colgrid .row .pull_five.thirteen.columns:first-child, .sixteen.colgrid .row .pull_five.fourteen.columns:first-child, .sixteen.colgrid .row .pull_five.fifteen.columns:first-child, .sixteen.colgrid .row .pull_six.one.column:first-child, .sixteen.colgrid .row .pull_six.two.columns:first-child, .sixteen.colgrid .row .pull_six.three.columns:first-child, .sixteen.colgrid .row .pull_six.four.columns:first-child, .sixteen.colgrid .row .pull_six.five.columns:first-child, .sixteen.colgrid .row .pull_six.six.columns:first-child, .sixteen.colgrid .row .pull_six.seven.columns:first-child, .sixteen.colgrid .row .pull_six.eight.columns:first-child, .sixteen.colgrid .row .pull_six.nine.columns:first-child, .sixteen.colgrid .row .pull_six.eleven.columns:first-child, .sixteen.colgrid .row .pull_six.twelve.columns:first-child, .sixteen.colgrid .row .pull_six.thirteen.columns:first-child, .sixteen.colgrid .row .pull_six.fourteen.columns:first-child, .sixteen.colgrid .row .pull_six.fifteen.columns:first-child, .sixteen.colgrid .row .pull_seven.one.column:first-child, .sixteen.colgrid .row .pull_seven.two.columns:first-child, .sixteen.colgrid .row .pull_seven.three.columns:first-child, .sixteen.colgrid .row .pull_seven.four.columns:first-child, .sixteen.colgrid .row .pull_seven.five.columns:first-child, .sixteen.colgrid .row .pull_seven.six.columns:first-child, .sixteen.colgrid .row .pull_seven.seven.columns:first-child, .sixteen.colgrid .row .pull_seven.eight.columns:first-child, .sixteen.colgrid .row .pull_seven.ten.columns:first-child, .sixteen.colgrid .row .pull_seven.eleven.columns:first-child, .sixteen.colgrid .row .pull_seven.twelve.columns:first-child, .sixteen.colgrid .row .pull_seven.thirteen.columns:first-child, .sixteen.colgrid .row .pull_seven.fourteen.columns:first-child, .sixteen.colgrid .row .pull_seven.fifteen.columns:first-child, .sixteen.colgrid .row .pull_eight.one.column:first-child, .sixteen.colgrid .row .pull_eight.two.columns:first-child, .sixteen.colgrid .row .pull_eight.three.columns:first-child, .sixteen.colgrid .row .pull_eight.four.columns:first-child, .sixteen.colgrid .row .pull_eight.five.columns:first-child, .sixteen.colgrid .row .pull_eight.six.columns:first-child, .sixteen.colgrid .row .pull_eight.seven.columns:first-child, .sixteen.colgrid .row .pull_eight.nine.columns:first-child, .sixteen.colgrid .row .pull_eight.ten.columns:first-child, .sixteen.colgrid .row .pull_eight.eleven.columns:first-child, .sixteen.colgrid .row .pull_eight.twelve.columns:first-child, .sixteen.colgrid .row .pull_eight.thirteen.columns:first-child, .sixteen.colgrid .row .pull_eight.fourteen.columns:first-child, .sixteen.colgrid .row .pull_eight.fifteen.columns:first-child, .sixteen.colgrid .row .pull_nine.one.column:first-child, .sixteen.colgrid .row .pull_nine.two.columns:first-child, .sixteen.colgrid .row .pull_nine.three.columns:first-child, .sixteen.colgrid .row .pull_nine.four.columns:first-child, .sixteen.colgrid .row .pull_nine.five.columns:first-child, .sixteen.colgrid .row .pull_nine.six.columns:first-child, .sixteen.colgrid .row .pull_nine.eight.columns:first-child, .sixteen.colgrid .row .pull_nine.nine.columns:first-child, .sixteen.colgrid .row .pull_nine.ten.columns:first-child, .sixteen.colgrid .row .pull_nine.eleven.columns:first-child, .sixteen.colgrid .row .pull_nine.twelve.columns:first-child, .sixteen.colgrid .row .pull_nine.thirteen.columns:first-child, .sixteen.colgrid .row .pull_nine.fourteen.columns:first-child, .sixteen.colgrid .row .pull_nine.fifteen.columns:first-child, .sixteen.colgrid .row .pull_ten.one.column:first-child, .sixteen.colgrid .row .pull_ten.two.columns:first-child, .sixteen.colgrid .row .pull_ten.three.columns:first-child, .sixteen.colgrid .row .pull_ten.four.columns:first-child, .sixteen.colgrid .row .pull_ten.five.columns:first-child, .sixteen.colgrid .row .pull_ten.seven.columns:first-child, .sixteen.colgrid .row .pull_ten.eight.columns:first-child, .sixteen.colgrid .row .pull_ten.nine.columns:first-child, .sixteen.colgrid .row .pull_ten.ten.columns:first-child, .sixteen.colgrid .row .pull_ten.eleven.columns:first-child, .sixteen.colgrid .row .pull_ten.twelve.columns:first-child, .sixteen.colgrid .row .pull_ten.thirteen.columns:first-child, .sixteen.colgrid .row .pull_ten.fourteen.columns:first-child, .sixteen.colgrid .row .pull_ten.fifteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.one.column:first-child, .sixteen.colgrid .row .pull_eleven.two.columns:first-child, .sixteen.colgrid .row .pull_eleven.three.columns:first-child, .sixteen.colgrid .row .pull_eleven.four.columns:first-child, .sixteen.colgrid .row .pull_eleven.six.columns:first-child, .sixteen.colgrid .row .pull_eleven.seven.columns:first-child, .sixteen.colgrid .row .pull_eleven.eight.columns:first-child, .sixteen.colgrid .row .pull_eleven.nine.columns:first-child, .sixteen.colgrid .row .pull_eleven.ten.columns:first-child, .sixteen.colgrid .row .pull_eleven.eleven.columns:first-child, .sixteen.colgrid .row .pull_eleven.twelve.columns:first-child, .sixteen.colgrid .row .pull_eleven.thirteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.fourteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.fifteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.one.column:first-child, .sixteen.colgrid .row .pull_twelve.two.columns:first-child, .sixteen.colgrid .row .pull_twelve.three.columns:first-child, .sixteen.colgrid .row .pull_twelve.five.columns:first-child, .sixteen.colgrid .row .pull_twelve.six.columns:first-child, .sixteen.colgrid .row .pull_twelve.seven.columns:first-child, .sixteen.colgrid .row .pull_twelve.eight.columns:first-child, .sixteen.colgrid .row .pull_twelve.nine.columns:first-child, .sixteen.colgrid .row .pull_twelve.ten.columns:first-child, .sixteen.colgrid .row .pull_twelve.eleven.columns:first-child, .sixteen.colgrid .row .pull_twelve.twelve.columns:first-child, .sixteen.colgrid .row .pull_twelve.thirteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.fourteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.fifteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.one.column:first-child, .sixteen.colgrid .row .pull_thirteen.two.columns:first-child, .sixteen.colgrid .row .pull_thirteen.four.columns:first-child, .sixteen.colgrid .row .pull_thirteen.five.columns:first-child, .sixteen.colgrid .row .pull_thirteen.six.columns:first-child, .sixteen.colgrid .row .pull_thirteen.seven.columns:first-child, .sixteen.colgrid .row .pull_thirteen.eight.columns:first-child, .sixteen.colgrid .row .pull_thirteen.nine.columns:first-child, .sixteen.colgrid .row .pull_thirteen.ten.columns:first-child, .sixteen.colgrid .row .pull_thirteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_thirteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_thirteen.thirteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.fifteen.columns:first-child, .sixteen.colgrid .row .pull_fourteen.one.column:first-child, .sixteen.colgrid .row .pull_fourteen.three.columns:first-child, .sixteen.colgrid .row .pull_fourteen.four.columns:first-child, .sixteen.colgrid .row .pull_fourteen.five.columns:first-child, .sixteen.colgrid .row .pull_fourteen.six.columns:first-child, .sixteen.colgrid .row .pull_fourteen.seven.columns:first-child, .sixteen.colgrid .row .pull_fourteen.eight.columns:first-child, .sixteen.colgrid .row .pull_fourteen.nine.columns:first-child, .sixteen.colgrid .row .pull_fourteen.ten.columns:first-child, .sixteen.colgrid .row .pull_fourteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_fourteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_fourteen.thirteen.columns:first-child, .sixteen.colgrid .row .pull_fourteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_fourteen.fifteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.two.columns:first-child, .sixteen.colgrid .row .pull_fifteen.three.columns:first-child, .sixteen.colgrid .row .pull_fifteen.four.columns:first-child, .sixteen.colgrid .row .pull_fifteen.five.columns:first-child, .sixteen.colgrid .row .pull_fifteen.six.columns:first-child, .sixteen.colgrid .row .pull_fifteen.seven.columns:first-child, .sixteen.colgrid .row .pull_fifteen.eight.columns:first-child, .sixteen.colgrid .row .pull_fifteen.nine.columns:first-child, .sixteen.colgrid .row .pull_fifteen.ten.columns:first-child, .sixteen.colgrid .row .pull_fifteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_fifteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_fifteen.thirteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.fifteen.columns:first-child { margin-left: 0; }

.row .pull_one.eleven.columns, .row .pull_two.ten.columns, .row .pull_three.nine.columns, .row .pull_four.eight.columns, .row .pull_five.seven.columns, .row .pull_six.six.columns, .row .pull_seven.five.columns, .row .pull_eight.four.columns, .row .pull_nine.three.columns, .row .pull_ten.two.columns, .row .pull_eleven.one.columns, .sixteen.colgrid .row .pull_one.fifteen.columns, .sixteen.colgrid .row .pull_two.fourteen.columns, .sixteen.colgrid .row .pull_three.thirteen.columns, .sixteen.colgrid .row .pull_four.twelve.columns, .sixteen.colgrid .row .pull_five.eleven.columns, .sixteen.colgrid .row .pull_six.ten.columns, .sixteen.colgrid .row .pull_seven.nine.columns, .sixteen.colgrid .row .pull_eight.eight.columns, .sixteen.colgrid .row .pull_nine.seven.columns, .sixteen.colgrid .row .pull_ten.six.columns, .sixteen.colgrid .row .pull_eleven.five.columns, .sixteen.colgrid .row .pull_twelve.four.columns, .sixteen.colgrid .row .pull_thirteen.three.columns, .sixteen.colgrid .row .pull_fourteen.two.columns, .sixteen.colgrid .row .pull_fifteen.one.columns { margin-left: -100%; }

/* Hybrid Centered Classes */
.sixteen.colgrid .row .one.centered { margin-left: 47.87234%; }
.sixteen.colgrid .row .two.centered { margin-left: 44.68085%; }
.sixteen.colgrid .row .three.centered { margin-left: 41.48936%; }
.sixteen.colgrid .row .four.centered { margin-left: 38.29787%; }
.sixteen.colgrid .row .five.centered { margin-left: 35.10638%; }
.sixteen.colgrid .row .six.centered { margin-left: 31.91489%; }
.sixteen.colgrid .row .seven.centered { margin-left: 28.7234%; }
.sixteen.colgrid .row .eight.centered { margin-left: 25.53191%; }
.sixteen.colgrid .row .nine.centered { margin-left: 22.34043%; }
.sixteen.colgrid .row .ten.centered { margin-left: 19.14894%; }
.sixteen.colgrid .row .eleven.centered { margin-left: 15.95745%; }
.sixteen.colgrid .row .twelve.centered { margin-left: 12.76596%; }
.sixteen.colgrid .row .thirteen.centered { margin-left: 9.57447%; }
.sixteen.colgrid .row .fourteen.centered { margin-left: 6.38298%; }
.sixteen.colgrid .row .fifteen.centered { margin-left: 3.19149%; }

img, object, embed { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none !important; }

/* Tile Grid */
.tiles { display: block; overflow: hidden; }
.tiles > li, .tiles > .tile { display: block; height: auto; float: left; padding-bottom: 0; }
.tiles.two_up { margin-left: -4%; }
.tiles.two_up > li, .tiles.two_up > .tile { margin-left: 4%; width: 46%; }
.tiles.three_up, .tiles.four_up { margin-left: -2%; }
.tiles.three_up > li, .tiles.three_up > .tile { margin-left: 2%; width: 31.3%; }
.tiles.four_up > li, .tiles.four_up > .tile { margin-left: 2%; width: 23%; }
.tiles.five_up { margin-left: -1.5%; }
.tiles.five_up > li, .tiles.five_up > .tile { margin-left: 1.5%; width: 18.5%; }

/* Nicolas Gallagher's micro clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

.valign:before { content: ' '; display: inline-block; height: 400px; vertical-align: middle; margin-right: -0.25em; }
.valign > div, .valign > article, .valign > section, .valign > figure { display: inline-block; vertical-align: middle; }

/* Mobile */
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }
  .container { min-width: 0; margin-left: 0; margin-right: 0; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .columns { padding: 0; }
  .row .centered { margin-left: 0 !important; }
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before { display: table; }
  [class*="column"]:after { display: table; clear: both; }
  [class^="push_"], [class*="push_"], [class^="pull_"], [class*="pull_"] { margin-left: 0 !important; } }
/* SHAME */
.ie8 .xxwide, .ie8 .xwide, .ie8 .wide, .ie8 .normal, .ie8 .narrow, .ie8 .xnarrow { display: inline; }
.ie8 .xxwide + input, .ie8 .xwide + input, .ie8 .wide + input, .ie8 .normal + input, .ie8 .narrow + input, .ie8 .xnarrow + input { display: inline; margin: 0 0 0 -.25em; }
.ie8 .ttip:before, .ie8 .ttip:after { display: none; }
.ie8 .ttip:hover:before, .ie8 .ttip:hover:after { display: block; }

.ie9 .radio.checked i, .ie9 .checkbox.checked i { top: 0; }

/* Form Styles */
form { margin: 0 0 18px; }
form label { display: block; font-size: 16px; font-size: 1rem; line-height: 1.625em; cursor: pointer; margin-bottom: 9px; }
form label.inline { display: inline-block; padding-right: 20px; }
form dt { margin: 0; }
form textarea { height: 150px; }
form ul, form ul li { margin-left: 0; list-style-type: none; }
form fieldset { border-width: 0.0625em; border-style: solid; padding: 1.5625em; border-color: #d9d9d9; margin: 18px 0; }
form fieldset legend { padding: 5px 10px; }

.field { position: relative; max-width: 100%; margin-bottom: 10px; vertical-align: middle; font-size: 16px; min-height: 37px; overflow: hidden; }
.field.metro, .field .metro { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.field input, .field input[type="*"], .field textarea { max-width: 100%; width: 100%; padding: 0; margin: 0; border: none; outline: none; resize: none; -webkit-appearance: none; font-family: "Open Sans"; font-weight: 300; font-size: 16px; font-size: 1rem; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.field .input { position: relative; padding: 0 10px; background: #fff; border: 1px solid #eeccc9; height: 36px; line-height: 34px; font-size: 16px; font-size: 1rem; }
.field .input.search { height: 36px; line-height: 34px; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; padding-right: 0; }
.field .input.textarea { height: auto; }

input.xnarrow, .input.xnarrow { width: 13.33333%; margin: 0; }
input.xnarrow:last-child, .input.xnarrow:last-child { margin-left: px; }
input.xnarrow:first-child, .input.xnarrow:first-child { margin-right: 3.94%; margin-left: 0; }
input.xnarrow:first-child:last-child, .input.xnarrow:first-child:last-child { margin: 0; }
input.narrow, .input.narrow { width: 30.66667%; margin: 0; }
input.narrow:last-child, .input.narrow:last-child { margin-left: px; }
input.narrow:first-child, .input.narrow:first-child { margin-right: 3.94%; margin-left: 0; }
input.narrow:first-child:last-child, .input.narrow:first-child:last-child { margin: 0; }
input.normal, .input.normal { width: 48%; margin: 0; }
input.normal:last-child, .input.normal:last-child { margin-left: px; }
input.normal:first-child, .input.normal:first-child { margin-right: 3.94%; margin-left: 0; }
input.normal:first-child:last-child, .input.normal:first-child:last-child { margin: 0; }
input.wide, .input.wide { width: 65.33333%; margin: 0; }
input.wide:last-child, .input.wide:last-child { margin-left: px; }
input.wide:first-child, .input.wide:first-child { margin-right: 3.94%; margin-left: 0; }
input.wide:first-child:last-child, .input.wide:first-child:last-child { margin: 0; }
input.xwide, .input.xwide { width: 82.66667%; margin: 0; }
input.xwide:last-child, .input.xwide:last-child { margin-left: px; }
input.xwide:first-child, .input.xwide:first-child { margin-right: 3.94%; margin-left: 0; }
input.xwide:first-child:last-child, .input.xwide:first-child:last-child { margin: 0; }
input.xxwide, .input.xxwide { width: 100%; margin: 0; }
input.xxwide:last-child, .input.xxwide:last-child { margin-left: px; }
input.xxwide:first-child, .input.xxwide:first-child { margin-right: 3.94%; margin-left: 0; }
input.xxwide:first-child:last-child, .input.xxwide:first-child:last-child { margin: 0; }

label + .xnarrow:last-child, label + .narrow:last-child, label + .normal:last-child, label + .wide:last-child, label + .xwide:last-child, label + .xxwide:last-child { margin-left: 8px; }
@media only screen and (max-width: 767px) { label + .xnarrow:last-child, label + .narrow:last-child, label + .normal:last-child, label + .wide:last-child, label + .xwide:last-child, label + .xxwide:last-child { margin-left: 5px; } }

@media only screen and (max-width: 960px) { .xxwide:first-child, .xxwide:last-child { margin-right: 0%; } }
/* remove inline-block white-space — A 0px font-size = 0px of white space */
.prepend, .append { font-size: 0; white-space: nowrap; padding-bottom: 3.5px; }

.prepend input, .prepend .input, .append input, .append .input { display: inline-block; max-width: 100%; margin-right: 0; margin-left: 0; }

.prepend input, .prepend .input, .prepend.append input:last-child, .append *:last-child { -moz-border-radius: 0px 4px 4px 0; -webkit-border-radius: 0px; border-radius: 0px 4px 4px 0; }

.append input, .append .input, .prepend.append input:first-child, .prepend *:first-child { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px; }

.prepend.append input { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.prepend.append input:last-child { margin-left: -1px; }

.prepend .adjoined, .append .adjoined, .prepend .btn, .append .btn { position: relative; display: inline-block; margin-bottom: 0; z-index: 99; }

.prepend .btn a, .prepend .btn input, .prepend .btn button, .append .btn a, .append .btn input, .append .btn button { padding: 0 12px; }

.prepend .adjoined, .append .adjoined { padding: 0 10px 0 10px; background: #f2f2f2; border: 1px solid #d9d9d9; font-family: "Open Sans"; font-weight: 600; color: #555555; font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }

.prepend .adjoined, .prepend .btn { margin-right: -1px; }

.adjoined:first-child { margin-left: 0 !important; }

.append .adjoined, .append .btn { margin-left: -1px; }

.append button, .prepend button { display: inline-block; }

.prepend input:first-child, .append input:first-child, .prepend .input:first-child, .append .input:first-child { margin-right: 0; }

.double input, .double .input { width: 50% !important; }
.double input:last-child, .double .input:last-child { margin-left: -1px; }

.field input, .field .input, .field textarea, .field .textarea, .field .radio span, .field .checkbox span, .field .picker { -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.field.danger:after { font-family: "entypo"; content: "✖"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #ca3838; }
.field.danger.no-icon:after { display: none; }
.field.danger.append:after, .field.danger.prepend:after { content: ""; }
.field.danger input, .field.danger .input, .field.danger textarea, .field.danger .textarea, .field.danger .radio span, .field.danger .checkbox span, .field.danger .picker { border-color: #ca3838; background: #f0c5c5; }
.field.danger input, .field.danger .input, .field.danger textarea, .field.danger .textarea, .field.danger .radio span, .field.danger .checkbox span, .field.danger .picker, .field.danger input::-webkit-input-placeholder, .field.danger textarea::-webkit-input-placeholder, .field.danger input:-moz-placeholder, .field.danger textarea:-moz-placeholder textarea { color: #ca3838; }
.field.warning:after { font-family: "entypo"; content: "⚠"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #f6b83f; }
.field.warning.no-icon:after { display: none; }
.field.warning.append:after, .field.warning.prepend:after { content: ""; }
.field.warning input, .field.warning .input, .field.warning textarea, .field.warning .textarea, .field.warning .radio span, .field.warning .checkbox span, .field.warning .picker { border-color: #f6b83f; background: #fef7ea; }
.field.warning input, .field.warning .input, .field.warning textarea, .field.warning .textarea, .field.warning .radio span, .field.warning .checkbox span, .field.warning .picker, .field.warning input::-webkit-input-placeholder, .field.warning textarea::-webkit-input-placeholder, .field.warning input:-moz-placeholder, .field.warning textarea:-moz-placeholder textarea { color: #f6b83f; }
.field.success:after { font-family: "entypo"; content: "✓"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #58c026; }
.field.success.no-icon:after { display: none; }
.field.success.append:after, .field.success.prepend:after { content: ""; }
.field.success input, .field.success .input, .field.success textarea, .field.success .textarea, .field.success .radio span, .field.success .checkbox span, .field.success .picker { border-color: #58c026; background: #c0eeaa; }
.field.success input, .field.success .input, .field.success textarea, .field.success .textarea, .field.success .radio span, .field.success .checkbox span, .field.success .picker, .field.success input::-webkit-input-placeholder, .field.success textarea::-webkit-input-placeholder, .field.success input:-moz-placeholder, .field.success textarea:-moz-placeholder textarea { color: #58c026; }
.field .picker.danger { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.danger select, .field .picker.danger:after { color: #ca3838; }
.field .picker.warning { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.warning select, .field .picker.warning:after { color: #f6b83f; }
.field .picker.success { border-color: #58c026; color: #58c026; background: #c0eeaa; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.success select, .field .picker.success:after { color: #58c026; }

.field .text input[type="search"] { -webkit-appearance: textfield; }

.no-js .radio input { -webkit-appearance: radio; margin-left: 1px; }
.no-js .checkbox input { -webkit-appearance: checkbox; }
.no-js .radio input, .no-js .checkbox input { display: inline-block; width: 16px; }

.js .field .radio, .js .field .checkbox { position: relative; }
.js .field .radio.danger, .js .field .checkbox.danger { color: #ca3838; }
.js .field .radio.danger span, .js .field .checkbox.danger span { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.warning, .js .field .checkbox.warning { color: #f6b83f; }
.js .field .radio.warning span, .js .field .checkbox.warning span { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.success, .js .field .checkbox.success { color: #58c026; color: #555555; }
.js .field .radio.success i, .js .field .checkbox.success i { color: #58c026; }
.js .field .radio.success span, .js .field .checkbox.success span { border-color: #58c026; color: #58c026; background: #c0eeaa; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.checked i, .js .field .checkbox.checked i { position: absolute; top: -1px; left: -8px; line-height: 16px; }
.js .field .radio span, .js .field .checkbox span { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #eeccc9; background: #fefefe; }
.js .field .radio input[type="radio"], .js .field .radio input[type="checkbox"], .js .field .checkbox input[type="radio"], .js .field .checkbox input[type="checkbox"] { display: none; }
.js .field .radio span { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.js .field .checkbox span { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.field .text input[type="search"] { -webkit-appearance: textfield; }

/* Form Picker Element (<select>) */
.picker { position: relative; width: auto; display: inline-block; margin: 0 0 2px 1.2%; overflow: hidden; border: 1px solid #eeccc9; font-family: "Open Sans"; font-weight: 600; height: auto; }
.picker:after { content: "\25BE"; font-family: entypo; z-index: 0; position: absolute; right: 0%; top: 50%; margin-top: -17px; color: #BC3226; display: block; width: 34px; height: 34px; background: url(../fonts/icons/icon-arrow.svg) no-repeat; }
.picker:first-child { margin-left: 0; }
.picker select { position: relative; display: block; min-width: 100%; width: 135%; height: 34px; padding: 3px 45px 3px 5px; color: #000; border: none; background: transparent; outline: none; -webkit-appearance: none; z-index: 99; cursor: pointer; font-size: 13px; font-family: Century Gothic, Arial, Helvetica, sans-serif,"微軟正黑體", "Microsoft JhengHei","PMingLiU"; }
.picker select::-ms-expand { display: none; }

/* Form Multi-picker Element (<select> multiple) */
.multi-picker { position: relative; width: auto; display: inline-block; margin: 0 0 2px 1.2%; overflow: hidden; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: "Open Sans"; font-weight: 600; height: auto; }
.multi-picker:first-child { margin-left: 0; }
.multi-picker select[multiple] { position: relative; display: block; min-width: 100%; width: 100%; height: auto; padding: 6px 20px 6px 15px; color: #555555; border: none; background: #fff; outline: none; -webkit-appearance: none; z-index: 99; cursor: pointer; font-size: 16px; font-size: 1rem; }

* { font-family: 'Lato' !important; font-family: "Arial", "微軟正黑體", "黑體", "Microsoft JhengHei", "儷黑 Pro", "WenQuanYi Zen Hei", "文泉驛正黑", "Heiti TC", "LiHei Pro"; }

.color-brand { background: #ff5418; }

.color-gray0 { background: #000000; }

.color-gray3 { background: #333333; }

.color-gray7 { background: #777777; }

.color-gray2 { background: #c2c2c2; }

.color-grayfa { background: #fafafa; }

.text-gray7 { color: #777777 !important; }

.bg-none { background: none !important; }

.none { display: none !important; }

.copyright-height { height: calc((80vw / 1920)*100) !important; }

.margin-auto { margin: auto; }
.margin-auto > a { margin: auto; }

.margin-left { margin-left: 0; }

.margin-right { margin-right: 0; float: right; }

.text-blue { color: #ff5418 !important; }

.text-brand { color: #ff5418; }

.margin-b-10 { margin-bottom: calc((10rem / 18)); }

.text-white { color: #ffffff; }

.text-bold { font-weight: bolder; }

.text-align-c { text-align: center !important; }

.h6title { font-size: calc((28rem / 18)); color: #ff5418 !important; margin-bottom: 3%; }
.h6title i { display: inline-block; font-size: 1rem; vertical-align: middle; margin-right: 1%; }

.navbar { display: none; position: fixed; z-index: 99999; background: #ff5418; width: calc((80em / 18)); height: calc((80em / 18)); right: 0; top: 0; padding-top: calc((30em / 18)); padding-right: calc((27em / 18)); }
.navbar input { display: none; }
.navbar .lower label:hover { cursor: pointer; }
.navbar .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #ff5418; z-index: 9998; }
.navbar .overlay nav { text-align: left; padding: 0 10%; position: relative; top: 50%; height: 80%; font-size: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.navbar .overlay ul { list-style: none; padding: 10% 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; }
.navbar .overlay ul li { display: table; width: 100%; min-height: 4rem; }
.navbar .overlay ul li a { display: block; text-align: left; color: white; font-size: calc((40rem / 18)*0.8); line-height: calc((60rem / 18)*0.8); letter-spacing: calc((1rem / 18)*0.8); font-weight: 400; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; text-transform: uppercase; letter-spacing: 0.1rem; }
.navbar .lower ~ .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.navbar .overlay-hugeinc nav { -moz-perspective: 300px; }
.navbar .overlay-hugeinc nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
.navbar #op:checked ~ .overlay-hugeinc { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.navbar #op:checked ~ .overlay-hugeinc nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.navbar #op:not(:checked) ~ .overlay-hugeinc nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); }
@media only screen and (max-width: 767px) { .navbar { display: block; width: calc((55em / 18)); height: calc((55em / 18)); padding: 0; z-index: 999999999; } }

/* Loader--*/
#loading-page { position: fixed; width: 100%; height: 100%; background: no-repeat center center white; z-index: 999999; top: 0; background-size: cover; }

.loading-kv { display: block; width: 300px; height: 300px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; animation-name: loading-ani; animation-duration: 0.5s; animation-iteration-count: infinite; animation-direction: alternate; }
@media only screen and (max-width: 767px) { .loading-kv { width: 200px; height: 200px; } }

.icon_loader { border: 5px solid #ff5418; border-radius: 30px; height: 30px; left: 50%; opacity: 0; position: absolute; top: 50%; width: 30px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; }

@keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; }
  50% { opacity: 1; }
  100% { transform: scale(1.2); opacity: 0; } }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: none; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff center center no-repeat; }

/* Icons */
@font-face { font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; width: 32px; height: 32px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; right: 0; bottom: 0; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 1; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.5; }
.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 767px) { .slick-prev, .slick-next { width: 30px; height: 30px; } }

.slick-prev { right: 100px; background-size: 32px; z-index: 9; }
[dir="rtl"] .slick-prev { left: auto; right: 100px; }
@media only screen and (max-width: 767px) { .slick-prev { left: 0%; background-size: 32px; } }

.slick-next { right: 0px; background-size: 32px; z-index: 9; }
[dir="rtl"] .slick-next { right: 0px; right: auto; }
@media only screen and (max-width: 767px) { .slick-next { right: -12%; background-size: 30px; } }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -40px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 15px; max-width: 15px !important; width: 15px !important; margin: 0 16px; padding: 0 !important; cursor: pointer; float: none !important; }
.slick-dots li button { border: 1px #ffffff solid; background: #ffffff; display: block; width: 15px; height: 15px; border-radius: 15px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border-radius: 15px; content: '•'; text-align: center; opacity: 1; color: #48bc7b; background: transparent; }
.slick-dots li.slick-active button:before { opacity: 1; background: #ff5418; }
@media only screen and (max-width: 767px) { .slick-dots { bottom: -3rem; left: 0; right: 0; margin: auto !important; text-align: center !important; }
  .slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0 0.5rem !important; padding: 0; cursor: pointer; }
  .slick-dots li button { border: 1px #c2c2c2 solid; background: #c2c2c2; display: block; width: 10px; height: 10px; border-radius: 10px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 3px; cursor: pointer; }
  .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
  .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
  .slick-dots li button:before { font-family: 'slick'; position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 10px; content: '•'; text-align: center; opacity: 1; color: #48bc7b; background: transparent; }
  .slick-dots li.slick-active button:before { opacity: 1; background: #ff5418; } }

img { width: 100%; }

a { text-decoration: none; }

.popup-scroll-no { overflow: hidden; }
@media only screen and (max-width: 767px) { .popup-scroll-no { position: relative; overflow-y: hidden; } }

body, html { font-size: calc((18vw / 1920)*100); line-height: calc((18vw / 1920)*100); height: 100%; }
body h1, html h1 { clear: both; font-weight: bold; font-size: calc((72rem / 18)); line-height: calc((72rem / 18)); letter-spacing: calc((1.5rem / 18)); color: #ff5418; margin-bottom: 1.8rem; }
body h2, html h2 { clear: both; font-weight: lighter; font-size: calc((40rem / 18)); line-height: calc((40rem / 18)); letter-spacing: calc((1rem / 18)); font-weight: 400; color: #000000; margin-bottom: 4.2rem; }
body .subtitle, html .subtitle { color: #ff5418; }
body .subtitle span, html .subtitle span { clear: both; font-weight: 300; font-size: calc((28rem / 18)); line-height: calc((32rem / 18)); letter-spacing: calc((0.1rem / 18)); color: #ffffff; }
body h3, html h3 { clear: both; font-weight: lighter; font-size: calc((28rem / 18)); line-height: calc((32rem / 18)); letter-spacing: calc((0.1rem / 18)); }
body h4, html h4 { display: table; clear: both; font-weight: 500; font-size: calc((24rem / 18)); line-height: calc((24em / 18)); letter-spacing: calc((0.1rem / 18)); color: #777777; }
body p, html p { font-size: calc((22rem / 18)); font-weight: normal; line-height: calc((40rem / 18)); letter-spacing: calc((0rem / 18)); margin-bottom: 1rem; color: #777777; }
body .font-small, html .font-small { font-size: calc((18rem / 18)); font-weight: normal; line-height: calc((24rem / 18)); letter-spacing: calc((1rem / 18)); }
body .icon-top-down-right, html .icon-top-down-right { display: block; position: fixed; right: 1rem; bottom: 1rem; transform: rotate(90deg); z-index: 999999999; cursor: pointer; transform-origin: top right; }
body .icon-top-down-right p, html .icon-top-down-right p { font-size: 0.8rem; font-weight: normal; line-height: 14px; letter-spacing: 1px; color: #333333; position: relative; transform-origin: center center; width: calc((100rem / 18)); display: inline-block; height: calc((22rem / 18)); text-align: center; }
body .icon-top-down-right .icon-top-down, html .icon-top-down-right .icon-top-down { display: inline-block; width: calc((55rem / 18)); height: calc((22rem / 18)); background: url(../images/icon/icon-top.svg) no-repeat; vertical-align: text-bottom; }
body .icon-top-down-right .icon-top-down-down, html .icon-top-down-right .icon-top-down-down { background: url(../images/icon/icon-down.svg) no-repeat; }
body .logo-txt-w, html .logo-txt-w { display: inline-block; width: calc((200rem / 18)); height: calc((100rem / 18)); background: url(../images/logo-txt-w.svg) no-repeat; background-size: 100%; float: left; margin-top: 2rem; }
body .index-copyright, html .index-copyright { font-size: 0.8rem; font-weight: normal; line-height: 14px; letter-spacing: 0.15rem; color: #333333; position: fixed; left: 1rem; bottom: 1rem; transform-origin: top left; transform: rotate(-90deg); display: table; z-index: 10; }
@media only screen and (max-width: 1366px) { body, html { font-size: calc((18px)*0.7); line-height: calc((18px)*0.7); } }
@media only screen and (max-width: 1000px) { body, html { font-size: calc((18px)*0.55); line-height: calc((18px)*0.55); } }
@media only screen and (max-width: 767px) { body, html { min-width: 320px; font-size: calc((24vw / 640)*100); line-height: calc((24vw / 640)*100); }
  body h1, html h1 { clear: both; font-weight: bold; font-size: calc((72rem / 18)*0.8); line-height: calc((72rem / 18)*0.8); letter-spacing: calc((1.5rem / 18)*0.8); margin-bottom: calc((1.8rem)*0.8); }
  body h2, html h2 { clear: both; font-weight: lighter; font-size: calc((40rem / 18)*0.8); line-height: calc((60rem / 18)*0.8); letter-spacing: calc((1rem / 18)*0.8); font-weight: 400; margin-bottom: calc((4.2rem)*0.8); }
  body .subtitle span, html .subtitle span { display: block; }
  body .icon-top-down-right, html .icon-top-down-right { right: 0rem; }
  body .index-copyright, html .index-copyright { font-size: 0.8rem; font-weight: bold; line-height: 14px; letter-spacing: 0.1rem; color: #333333; position: static; transform: rotate(0deg); margin-left: 5%; } }

#brand-system { display: table; width: calc((1440em / 18)); margin: auto; margin-bottom: 10%; }
#brand-system .brand-logo { width: calc((500rem / 18)); }
#brand-system .txt-system { margin-top: 10%; }
#brand-system .color-system { display: table; margin: 10% 0; }
#brand-system .color-system li { display: table; float: left; text-align: center; margin-right: 2rem; }
#brand-system .color-system li span { display: inline-block; width: 10rem; height: 10rem; border-radius: 10rem; }
#brand-system .color-system li p { font-size: 0.8rem; line-height: 1.2rem; margin-top: 0.5rem; }

.add-menubg { background: rgba(255, 255, 255, 0) !important; transition: all .5s; }

.menu { display: block; position: fixed; height: calc((80em / 18)); width: 100%; background: #fafafa; z-index: 9999; }
.menu .logo a { display: block; width: calc((140rem / 18)); height: calc((70em / 18)); padding: 0px 0px; margin-top: 0px; margin-top: 0.1rem; margin-left: 0.2rem; float: left; }
.menu .logo a iframe { width: calc((140rem / 18)); pointer-events: none; overflow: hidden; }
.menu ul { float: right; margin-right: 0.5rem; margin-top: 0.5rem; }
.menu li { float: left; height: 4rem; padding: 0 1rem; position: relative; }
.menu li a { display: block; font-size: 1rem; color: #333333; line-height: 4rem; height: 4rem; text-align: left; width: auto; position: relative; transition: .5s; }
.menu li a i { font-size: 0.4rem; margin: 0.5rem 0.3rem; }
.menu li a span { display: inline-block; }
.menu li a:hover { color: #ff5418; transition: .5s; }
@media only screen and (max-width: 767px) { .menu { height: calc((55em / 18)); }
  .menu .logo a { width: calc((120rem / 18)); height: calc((60rem / 18)); margin-top: 0rem; }
  .menu .logo a iframe { width: calc((120rem / 18)); pointer-events: none; }
  .menu ul li { display: none; } }

/* Icon 1 */
#nav-icon { display: block; width: calc((26em / 18)); height: calc((20em / 18)); position: relative; float: right; z-index: 9999999; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
@media only screen and (max-width: 767px) { #nav-icon { margin: 1rem auto; display: block; float: none; } }

#nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #ffffff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon.close { display: block; position: absolute; height: 2px; width: 100%; background: #ffffff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon span:nth-child(2) { top: calc((9em / 18)); -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon span:nth-child(3) { top: calc((18em / 18)); -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: calc((8em / 18)); background: #ffffff; }

#nav-icon.open span:nth-child(2) { width: 0%; opacity: 0; }

#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: calc((18em / 18)); left: calc((8em / 18)); background: #ffffff; }

#brand-video { display: block; width: 100%; height: 100vh; overflow: hidden; }
#brand-video .fullwidth-video { display: block; position: relative; width: 100%; height: 100%; }
#brand-video .fullwidth-video .logo-white { width: calc((200rem / 18)); height: calc((60rem / 18)); z-index: 2; left: 20px; top: 20px; float: left; position: absolute; background: url(../images/logo-white.svg) no-repeat; }
#brand-video .fullwidth-video video { position: absolute; top: 0; left: 0; z-index: 1; min-height: 100%; min-width: 100%; height: auto; width: 100%; object-fit: cover; }
@media only screen and (max-width: 767px) { #brand-video { display: block; width: 100%; height: auto; }
  #brand-video .fullwidth-video { display: block; position: relative; width: 100%; height: calc((960vw / 640)*100); }
  #brand-video .fullwidth-video .logo-white { left: 10px; top: 10px; width: calc((160rem / 18)); height: calc((48rem / 18)); }
  #brand-video .fullwidth-video li .txt { top: 30vh; left: 18px; } }

.container { position: relative; overflow: hidden; }

#about { display: table; width: 100%; height: calc((1080rem / 18)); padding-left: calc((200rem / 18)); padding-top: calc((320rem / 18)); background-size: 100%; clear: both; position: relative; z-index: 2; }
#about .content { display: table; clear: both; }
#about .btn-more { margin-top: 3rem; }
#about .semi-circles-all { display: block; width: 100%; left: 55rem; top: 12.5rem; height: calc((600rem / 18)); position: absolute; }
#about .semi-circles-0, #about .semi-circles-1, #about .semi-circles-0-gray, #about .semi-circles-1-gray { display: block; width: calc((530rem / 18)); height: calc((270rem / 18)); background: url(../images/about/semi-circles-0.svg); background-size: 100%; }
#about .semi-circles-0 { position: absolute; left: 0rem; top: 0rem; transform-origin: 100% 100%; animation-name: semi-circles-0-ani; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: bottom left; z-index: 2; }
#about .semi-circles-0-gray { position: absolute; left: 0rem; top: 0rem; transform-origin: 100% 100%; animation-name: semi-circles-0-gray-ani; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: bottom left; background: url(../images/about/semi-circles-0-gary.svg); }
@keyframes semi-circles-0-ani { 0% { transform: rotateX(0deg); opacity: 1; }
  24% { transform: rotateX(90deg); opacity: 1; }
  25% { transform: rotateX(90deg); opacity: 0; }
  99% { transform: rotateX(180deg); opacity: 0; }
  100% { transform: rotateX(180deg); opacity: 0; } }
@keyframes semi-circles-0-gray-ani { 0% { transform: rotateX(0deg); }
  24% { transform: rotateX(90deg); }
  25% { transform: rotateX(90deg); }
  99% { transform: rotateX(180deg); }
  100% { transform: rotateX(180deg); } }
#about .semi-circles-1 { position: absolute; left: calc((530rem / 18)); top: calc((270rem / 18)); transform-origin: 100% 100%; animation-name: semi-circles-1-ani; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: top left; background: url(../images/about/semi-circles-1-gary.svg); z-index: 2; }
#about .semi-circles-1-gray { position: absolute; left: calc((530rem / 18)); top: calc((270rem / 18)); transform-origin: 100% 100%; animation-name: semi-circles-1-gray-ani; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: top left; background: url(../images/about/semi-circles-1.svg); }
@keyframes semi-circles-1-ani { 0% { transform: rotateX(0deg); opacity: 1; }
  24% { transform: rotateX(90deg); opacity: 1; }
  25% { transform: rotateX(90deg); opacity: 0; }
  99% { transform: rotateX(180deg); opacity: 0; }
  100% { transform: rotateX(180deg); opacity: 0; } }
@keyframes semi-circles-1-gray-ani { 0% { transform: rotateX(0deg); }
  24% { transform: rotateX(90deg); }
  25% { transform: rotateX(90deg); }
  99% { transform: rotateX(180deg); }
  100% { transform: rotateX(180deg); } }
@media only screen and (max-width: 767px) { #about { padding-left: 0; padding-top: 0; }
  #about .content { padding: 0 5%; }
  #about .semi-circles-all { display: block; width: 100%; left: 1rem; top: 2rem; height: calc((350rem / 18)); position: relative; }
  #about .semi-circles-0, #about .semi-circles-1, #about .semi-circles-0-gray, #about .semi-circles-1-gray { display: block; width: calc((265rem / 18)); height: calc((135rem / 18)); }
  #about .semi-circles-1 { position: absolute; left: calc((265rem / 18)); top: calc((135rem / 18)); }
  #about .semi-circles-1-gray { position: absolute; left: calc((265rem / 18)); top: calc((135rem / 18)); } }

#spokesman { display: table; width: 100%; height: calc((1080rem / 18)); padding-left: calc((420rem / 18)); padding-top: calc((380rem / 18)); background-size: 100%; clear: both; position: relative; z-index: 2; }
#spokesman .content { position: relative; margin: 0; z-index: 6; }
#spokesman .semi-circles-all { position: absolute; width: 100%; top: 12.5rem; left: 0; display: table; height: 100%; z-index: 1; }
#spokesman .semi-circles-0, #spokesman .semi-circles-1 { display: block; width: calc((620rem / 18)); height: calc((316rem / 18)); background: url(../images/about/semi-circles-gray.svg); background-size: 100%; }
#spokesman .semi-circles-0 { position: absolute; left: 8rem; top: 0rem; transform-origin: 100% 100%; animation-name: semi-circles-0-ani2; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: bottom left; }
@keyframes semi-circles-0-ani2 { 0% { left: 8rem; }
  100% { left: 18rem; } }
#spokesman .semi-circles-1 { position: absolute; left: 63.6rem; top: 17.5rem; transform-origin: 100% 100%; animation-name: semi-circles-1-ani2; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: top left; }
@keyframes semi-circles-1-ani2 { 0% { left: 63.6rem; }
  100% { left: 53.6rem; } }
#spokesman .semi-circles-1 { background: url(../images/about/semi-circles-1.svg) no-repeat; }
@media only screen and (max-width: 767px) { #spokesman { padding-left: 0; padding-top: 0; height: calc((680rem / 18)); }
  #spokesman .content { display: table; padding: 5rem 5%; }
  #spokesman .semi-circles-all { display: table; height: calc((400rem / 18)); top: 13.5rem; }
  #spokesman .semi-circles-0, #spokesman .semi-circles-1 { display: block; width: calc((310rem / 18)); height: calc((158rem / 18)); }
  #spokesman .semi-circles-0 { left: -12rem; }
  #spokesman .semi-circles-1 { top: 8.7rem; left: 23.6rem; }
  @keyframes semi-circles-0-ani2 { 0% { left: -12rem; }
    100% { left: -2rem; } }
  @keyframes semi-circles-1-ani2 { 0% { left: 23.6rem; }
    100% { left: 13.6rem; } } }

#what_we_can_do { display: block; width: 100%; height: calc((820rem / 18)); background: #505050; background-size: 100%; clear: both; position: relative; z-index: 2; overflow: hidden; }
#what_we_can_do .bg-round-left { display: block; width: calc((1600rem / 18)); height: calc((1600rem / 18)); border-radius: calc((1600rem / 18)); background: #333333; position: absolute; bottom: 0; left: -60%; opacity: 0.6; animation-name: bg-round-left-ani; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: bottom left; }
@keyframes bg-round-left-ani { 0% { left: -60%; bottom: 10%; opacity: 0.2; }
  100% { left: -40%; bottom: 0; opacity: 0.4; } }
#what_we_can_do .bg-round-right { display: block; width: calc((1600rem / 18)); height: calc((1600rem / 18)); border-radius: calc((1600rem / 18)); background: #333333; position: absolute; top: 0; right: -60%; opacity: 0.6; animation-name: bg-round-right-ani; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: bottom left; }
@keyframes bg-round-right-ani { 0% { right: -60%; top: 10%; opacity: 0.2; }
  100% { right: -40%; top: 0; opacity: 0.4; } }
#what_we_can_do .content { margin: auto; padding-top: 7.5rem; text-align: center; position: relative; }
#what_we_can_do ul { width: calc((1540rem / 18)); margin: auto; padding-top: 2rem; text-align: left; }
#what_we_can_do ul li { width: 25%; padding: 0 2%; float: left; }
#what_we_can_do ul li:nth-child(2), #what_we_can_do ul li:nth-child(4) { margin-top: 3.2rem; }
#what_we_can_do ul h3 { color: #ff5418; font-weight: bold; }
#what_we_can_do ul h3 span { font-size: calc((22rem / 18)); font-weight: normal; line-height: calc((40rem / 18)); letter-spacing: calc((0rem / 18)); margin-bottom: 1rem; color: #777777; }
#what_we_can_do ul p { color: #ffffff; padding: 1rem 0; padding-bottom: 0.5rem; border-bottom: 1px solid #ff5418; margin-bottom: 0; }
#what_we_can_do ul .font-small { color: #777777; border: none; margin-bottom: 0.1rem; }
#what_we_can_do ul .btn-case-link a { font-size: calc((22rem / 18)); line-height: calc((22rem / 18)); color: #c8c8c8; margin-bottom: 1rem; display: block; }
#what_we_can_do ul .btn-case-link a i { display: inline-block; color: #ff5418; font-size: calc((18rem / 18)); }
@media only screen and (max-width: 767px) { #what_we_can_do { display: table; }
  #what_we_can_do .content { display: table; padding: 5rem 0; }
  #what_we_can_do ul { width: 100%; max-width: calc((640vw / 640)*100); margin: auto; padding-top: 2rem; text-align: left; }
  #what_we_can_do ul li { width: 100%; padding: 0 2%; float: left; margin: 0; margin-bottom: 2rem; }
  #what_we_can_do ul li:nth-child(2), #what_we_can_do ul li:nth-child(4) { margin: 0; margin-bottom: 3rem; } }

#partnership { display: block; width: 100%; height: calc((820rem / 18)); background: #ffffff; background-size: 100%; clear: both; position: relative; z-index: 2; overflow: hidden; }
#partnership .content { margin: auto; padding-top: 7.5rem; text-align: center; position: relative; }
#partnership .grid-row-5 { width: calc((1040rem / 18)); }
#partnership .grid-row-5 li { margin-bottom: 5%; }
#partnership .slick-initialized .slick-slide { display: contents; outline: none; }
@media only screen and (max-width: 767px) { #partnership { display: table; width: 100%; height: auto; }
  #partnership .content { display: table; padding: 5rem 0; }
  #partnership .slick-initialized .slick-slide { display: block; outline: none; }
  #partnership .grid-row-5 { width: 100%; }
  #partnership .grid-row-5 ul { max-width: calc((640vw / 640)*100); }
  #partnership .grid-row-5 li { width: 50%; margin-bottom: 5%; } }

#how_we_do { display: block; width: 100%; height: calc((820rem / 18)); background: #e8e8e8; background-size: 100%; clear: both; position: relative; z-index: 2; overflow: hidden; }
#how_we_do .content { margin: auto; padding-top: 7.5rem; text-align: center; position: relative; }
#how_we_do .content-all { display: block; width: 100%; overflow-x: auto; }
#how_we_do .round-list { display: table; margin: auto; }
#how_we_do .round-list ul { margin: auto; padding-top: 2rem; text-align: left; float: left; margin-left: -0.14rem; }
#how_we_do .round-list ul li { display: block; width: calc((350rem / 18)); height: calc((350rem / 36)); border-radius: calc((350rem / 18)) calc((350rem / 18)) 0 0; background: #ffffff; text-align: center; border: #ff5418 0.2rem dashed; border-bottom: 0; padding-top: 2.5rem; position: relative; }
#how_we_do .round-list ul li .icon-arrow-up { position: absolute; top: -0.5rem; right: -1.2rem; font-size: 2rem; color: #ff5418; }
#how_we_do .round-list ul li .icon-round { position: absolute; bottom: 0rem; left: -1.2rem; font-size: 2rem; color: #ff5418; }
#how_we_do .round-list ul li:nth-child(2) { border: none; border-radius: 0 0 calc((350rem / 18)) calc((350rem / 18)); padding: 0; background: none; }
#how_we_do .round-list ul h3 { color: #ff5418; font-weight: 400; }
#how_we_do .round-list ul p { padding: 1rem 0; padding-bottom: 0.5rem; margin-bottom: 0; }
#how_we_do .round-list ul .font-small { color: #afafaf; border: none; margin-bottom: 0.1rem; font-style: italic; }
#how_we_do .round-list .ul-odd li { border: none; border-radius: calc((350rem / 18)) calc((350rem / 18)) 0 0; padding: 0; background: none; padding-top: 3.7rem; }
#how_we_do .round-list .ul-odd li:nth-child(2) { display: block; width: calc((350rem / 18)); height: calc((350rem / 36)); border: none; border-radius: 0 0 calc((350rem / 18)) calc((350rem / 18)); background: #ffffff; text-align: center; border: #ff5418 0.2rem dashed; border-top: 0; padding-top: 1.5rem; }
@media only screen and (max-width: 767px) { #how_we_do { display: table; width: 100%; height: auto; }
  #how_we_do .content { display: block; overflow-x: auto; padding: 5rem 0%; }
  #how_we_do .content-all { display: block; width: 100%; overflow-x: auto; position: relative; height: calc((400rem / 18)); }
  #how_we_do .round-list { width: calc((1460rem / 18)); position: absolute; top: -2rem; left: 3rem; } }

#projects { display: table; width: 100%; height: calc((1520rem / 18)); clear: both; text-align: center; background: url(../images/about/about-index-about.svg) no-repeat center top #f6f6f6; background-size: 100%; position: relative; z-index: 2; }
#projects .content { width: calc((1440rem / 18)); display: table; clear: both; margin: 0 auto; position: relative; }
#projects .projects-top { padding-top: 10%; }
#projects .recent { transform: rotate(-90deg); font-size: calc((22rem / 18)); position: absolute; z-index: 2; left: -10%; top: calc((105rem / 18)); color: #ff5418; }
#projects .projects-list ul { display: flow-root; clear: both; }
#projects .projects-list li { padding: 0 0.5rem; margin-bottom: 2%; }
#projects .projects-list li a { display: table; position: relative; transition: all .5s; overflow: hidden; }
#projects .projects-list li a img { width: 100%; }
#projects .projects-list li a:hover { transition: all .5s; background: #ffffff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); transform: scale(1.025); }
#projects .projects-list li a:hover img { width: 100%; }
#projects .projects-list h6 { font-size: calc((24rem / 18)); font-weight: normal; line-height: calc((35rem / 18)); letter-spacing: calc((0rem / 18)); text-align: left; color: #000000; margin-top: 0.5rem; padding-left: 0.8rem; }
#projects .projects-list p { text-align: left; font-size: calc((18rem / 18)); font-weight: normal; line-height: calc((40rem / 18)); letter-spacing: calc((0rem / 18)); margin-bottom: 1rem; color: #777777; padding-left: 0.8rem; }
@media only screen and (max-width: 767px) { #projects { width: 100%; padding: 0; background-size: 250%; }
  #projects .content { width: 100%; padding: 5rem 5%; padding-top: 0; }
  #projects .recent { transform: rotate(0deg); font-size: calc((22rem / 18)); position: static; text-align: left; margin-top: 2rem; }
  #projects .projects-list ul { width: 100%; }
  #projects .projects-list li { padding: 0; width: 50% !important; margin-bottom: 5%; }
  #projects .grid-row-3 li { width: 100% !important; } }

#projects-page { display: table; width: 100%; height: calc((1520rem / 18)); clear: both; text-align: center; background: url(../images/about/about-index-about.svg) no-repeat center top; background-size: 100%; position: relative; z-index: 2; }
#projects-page h2 { padding-bottom: 10rem; margin: 0; }
#projects-page .content { width: calc((1440rem / 18)); display: table; clear: both; margin: auto; padding: 10rem 0; position: relative; }
#projects-page .recent { transform: rotate(-90deg); font-size: calc((22rem / 18)); position: absolute; z-index: 2; left: -10%; top: 11%; color: #ff5418; }
#projects-page .projects-text { display: table; width: calc((1200rem / 18)); padding: 3rem 5rem; padding-top: 9rem; text-align: left; margin: auto; }
#projects-page .projects-text .text-brand { margin-bottom: calc((10rem / 18)); }
#projects-page .projects-text h2 { padding-bottom: 3%; margin: 0; }
#projects-page .projects-text p b { font-size: calc((20rem / 18)); display: block; margin-bottom: 0.5rem; margin-top: 3rem; color: #000000; font-weight: 500; line-height: calc((32rem / 18)); }
#projects-page .projects-content { width: calc((1200rem / 18)); margin: auto; }
#projects-page .projects-content .grid-row-1 { display: flex; flex-direction: column; margin-top: 0rem; margin-bottom: 0; }
#projects-page .projects-content .grid-row-1 ul img { margin-bottom: 1.6rem; }
#projects-page .projects-content .grid-row-2 { margin: 0; }
#projects-page .projects-content .grid-row-2 ul { margin-bottom: 0rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
#projects-page .projects-content .grid-row-2 li { width: 48.8% !important; display: block; margin-bottom: 1.6rem; }
#projects-page .control-all { margin-top: 3rem; }
#projects-page .control { color: #ff5418; font-size: 2.2rem; margin: 1.3rem auto; display: table; }
#projects-page h6 { font-size: calc((24rem / 18)); font-weight: normal; line-height: calc((35rem / 18)); letter-spacing: calc((0rem / 18)); text-align: left; color: #000000; margin-top: 0.5rem; padding-left: 0.8rem; }
#projects-page p { text-align: left; font-size: calc((18rem / 18)); font-weight: normal; line-height: calc((40rem / 18)); letter-spacing: calc((0rem / 18)); margin-bottom: 1rem; color: #777777; }
@media only screen and (max-width: 767px) { #projects-page .content { width: 100%; padding: 10rem 5%; }
  #projects-page h2 { padding-bottom: 5rem; }
  #projects-page .projects-text { width: 100%; width: 100%; padding: 1rem 0rem; padding-top: 7rem; }
  #projects-page .projects-text .text-brand { margin-bottom: calc((0rem / 18)); }
  #projects-page .projects-content { width: 100%; margin: auto; padding: 0 5%; }
  #projects-page .projects-content .grid-row-1 { display: flex; flex-direction: column; margin: 1rem auto; margin-top: 0rem; margin-bottom: 0; }
  #projects-page .projects-content .grid-row-1 ul img { margin-bottom: 0.5rem; }
  #projects-page .projects-content .grid-row-2 { margin: 0; }
  #projects-page .projects-content .grid-row-2 ul { margin-bottom: 0rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
  #projects-page .projects-content .grid-row-2 li { width: 48.8% !important; display: block; margin-bottom: 0.5em; }
  #projects-page .projects-content .grid-row-2 .change-row-3 { width: 32% !important; display: block; margin-bottom: 1.6rem; } }

.bg-top-840 { background: url(../images/bg-top-840.png) top repeat-x #f6f6f6 !important; background-size: 100% calc((900rem / 18)); }
@media only screen and (max-width: 767px) { .bg-top-840 { background: url(../images/bg-top-840-m.png) top repeat-x #f6f6f6 !important; background-size: 100% calc((500rem / 18)) !important; } }

.pc { display: block; }
@media only screen and (max-width: 767px) { .pc { display: none; } }

.tiles > .mobile, .mobile { display: none; }
@media only screen and (max-width: 767px) { .tiles > .mobile, .mobile { display: block; } }

.grid-row-1 { display: table; width: auto; margin: 4rem auto; }
.grid-row-1 li { display: inline-block; float: left; }
.grid-row-1 li span { padding-left: 50px; }

.grid-row-2 { display: table; width: 100%; margin: 2% auto; }
.grid-row-2 ul { width: 100%; margin-bottom: 0%; float: left; }
.grid-row-2 li { width: 50% !important; float: left; }

.grid-row-3 { display: table; width: 100%; margin: 2% auto; }
.grid-row-3 ul { width: 100%; margin-bottom: 0%; float: left; }
.grid-row-3 li { width: 33.3% !important; float: left; }

.grid-row-5 { display: table; width: 100%; margin: auto; }
.grid-row-5 ul { width: 100%; min-height: auto; }
.grid-row-5 li { width: 20%; float: left; text-align: left; }
@media only screen and (max-width: 767px) { .grid-row-5 li { width: 100%; float: left; text-align: left; } }

.pc, .slick-slide .pc { display: block !important; }
@media only screen and (max-width: 760px) { .pc, .slick-slide .pc { display: none !important; } }

.tiles > .mobile, .mobile, .slick-slide .mobile { display: none !important; }
@media only screen and (max-width: 760px) { .tiles > .mobile, .mobile, .slick-slide .mobile { display: block !important; } }

.btn-more a { display: table; height: calc((45rem / 18)); border-bottom: 1px solid #ff5418; font-size: calc((28rem / 18)); line-height: calc((45rem / 18)); color: #333333; cursor: pointer; transition: all .5s; }
.btn-more a:hover { border-bottom: 1px solid #ff5418; color: #ff5418; transition: all .5s; }
@media only screen and (max-width: 767px) { .btn-more a { height: calc((45rem / 18)*0.8); border-bottom: 1px solid #ff5418; font-size: calc((28rem / 18)*0.8); line-height: calc((45rem / 18)*0.8); }
  .btn-more a span { display: none; } }

.btn-talk { display: inline-block; width: calc((16rem / 18)); }
.btn-talk a { display: inline-block; width: calc((160rem / 18)); height: calc((35rem / 18)); line-height: calc((35rem / 18)); font-weight: bold; font-size: 1.2rem; text-align: center; color: #ffffff; background: #000000; transition: .5s; font-style: italic; }
.btn-talk a i { color: #ffffff; font-style: italic; }
.btn-talk a:hover { color: #ffffff; background: #ff5418; transition: .5s; }

#contact-map { display: table; width: 100%; height: auto; clear: both; text-align: center; position: relative; z-index: 2; }
#contact-map .content { max-width: 100%; position: relative; z-index: 2; }
#contact-map p { text-align: center; display: block; }
#contact-map iframe { display: block; width: 100%; height: calc((520rem / 18)); margin: 4% auto; margin-bottom: 0%; }
@media only screen and (max-width: 767px) { #contact-map { background: none; padding-top: 20%; }
  #contact-map .content { max-width: 100%; }
  #contact-map ul li { width: 100% !important; text-align: center; }
  #contact-map ul li span { padding-left: 0px; }
  #contact-map iframe { margin: 0% auto; } }

#footer { width: 100%; background: #ff5418; width: 100%; height: calc((520rem / 18)); }
#footer .content { display: block; width: calc((1360rem / 18)); height: calc((180rem / 18)); margin: auto; text-align: center; padding-top: 7rem; }
#footer .content p { font-size: 12px; float: right; margin-top: 2%; }
#footer .content img { vertical-align: middle; margin: 0 0.5%; }
#footer .content h2 { display: inline-block; clear: none; line-height: calc((60rem / 18)); }
#footer .content .btn-talk { display: inline-block; width: calc((160rem / 18)); vertical-align: text-bottom; margin-left: 1%; }
#footer .logo-txt { display: inline-block; width: calc((250rem / 18)); height: calc((100rem / 18)); background: url(../images/logo-txt.svg) no-repeat; background-size: 100%; float: left; }
#footer .company-data { display: table; clear: both; padding-top: 6rem; margin: auto; }
#footer .company-data .font-small { color: #000000; text-align: left; float: left; margin-left: calc((80rem / 18)); line-height: calc((28rem / 18)); }
#footer .company-data .font-small a { display: inline-block; }
#footer .company-data .font-small a i { font-size: calc((42rem / 18)); color: #333333; line-height: calc((42rem / 18)); display: table; }
@media only screen and (max-width: 767px) { #footer { height: calc((750rem / 18)); }
  #footer .content { display: table; width: 100%; height: calc((700rem / 18)); margin: auto; text-align: center; padding: 0 5%; padding-top: 4.5rem; }
  #footer .content h2 { margin-bottom: 1.5rem; }
  #footer .content .btn-talk { display: block; margin: auto; }
  #footer .logo-txt { width: calc((250rem / 18)*1); height: calc((100rem / 18)*1); float: none; margin: auto; margin-bottom: calc((50rem / 18)); }
  #footer .company-data { display: table; width: 100%; clear: both; padding-top: 3rem; margin: auto; }
  #footer .company-data .font-small { color: #000000; text-align: left; float: none; margin: calc((0rem / 18)); line-height: calc((28rem / 18)); clear: both; }
  #footer .company-data .font-small a { padding-top: 0.5rem; display: inline-block; }
  #footer .company-data .font-small a i { font-size: calc((42rem / 18)); color: #333333; } }

.sub-menu { display: table; margin: 10% auto; margin-bottom: 0; }
.sub-menu li { display: inline-block !important; padding: 0 0.1rem !important; height: 1.2rem; float: left; font-size: 1rem; width: auto !important; letter-spacing: 0.1rem; text-align: left; margin: 0.5rem; }
.sub-menu li a { display: table !important; font-size: 1rem; letter-spacing: 0.1rem; text-align: left; float: left; color: #000000; position: relative; overflow: visible !important; margin: auto; }
.sub-menu li a span { display: inline-block; float: left; }
.sub-menu li a::after { position: absolute; top: 100%; left: 0; right: 0; margin: auto; width: 0%; height: 1px; background: #ff5418; content: ''; opacity: 1; margin-top: 10px; transition: transform 0.5s, width 0.5s; }
.sub-menu li a:hover { color: #ff5418; }
.sub-menu li a:hover::after, .sub-menu li a:focus::after { opacity: .6; width: 100%; }
.sub-menu .focus a { display: table !important; font-size: 1rem; letter-spacing: 0.1rem; text-align: left; float: left; font-family: 'Arial', 'Microsoft YaHei', '黑體', sans-serif; color: #ff5418; position: relative; overflow: visible !important; pointer-events: none; }
.sub-menu .focus a::after { position: absolute; top: 100%; left: 0; right: 0; margin: auto; width: 100%; height: 1px; background: #ff5418; content: ''; opacity: 1; margin-top: 10px; transition: transform 0.5s, width 0.5s; pointer-events: none; }
@media only screen and (max-width: 767px) { .sub-menu { width: 100%; }
  .sub-menu li { width: auto !important; }
  .sub-menu li a::after { top: 50%; }
  .sub-menu .focus a::after { top: 50%; } }

/*影片功能1226  */
.youtube, .youtube iframe { max-width: 100%; max-height: calc((1080rem / 18)); width: calc((1200rem / 18)); height: calc((675rem / 18)); margin: auto; display: block; }
@media only screen and (max-width: 767px) { .youtube, .youtube iframe { width: 100%; height: calc((338vw / 640)*100); max-height: calc((338vw / 640)*100); } }

.youtube_lb { display: none; padding: 0px; box-sizing: border-box; position: fixed; width: 100%; left: 0px; right: 0px; bottom: 0px; top: 0px; margin: auto; overflow: hidden; height: 100%; }

/* ---reset.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 { font-family: Century Gothic, Arial, Helvetica, sans-serif, "微軟正黑體", "Microsoft JhengHei", "PMingLiU"; padding: 0; margin: 0; line-height: 0; }

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