@charset "UTF-8";
/**
 * @authors Jeter Chou (jeter.chou@condenast.com.tw)
 */

/* HTML5 display definitions by normalize.css */
html {font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body {margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block; } audio, canvas, progress, video {display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) {display: none; height: 0; } [hidden], template {display: none; } /* HTML5 display-role reset for older browsers */ body {line-height: 1; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; } body, html {font-size: 100%; padding: 0; position: relative; width: 100%; height: 100% !important; } a:link, a:visited {text-decoration: none; } a:focus {-moz-outline-style: none; outline: 0; } a img {border: none; } /* CSS Box Model Reset */ *, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Chinese setting through the Unicode range for desktop
 * 1. Hiragino looks better than JhengHei and Mac often have both fonts, thus
 *    put Hiragino prior to JengHei.
 * 2. Linux shows JhengHei pretty ugly, thus put Micro Hei prior to JhengHei.
 * 3. Windows users show WenQuanYi Micro Hei pretty ugly, thus use a different stylesheet.
 */
@font-face {font-family: SerifTitleCJK; src: local("ヒラギノ明朝 ProN"), local("LiSung Pro"), local(儷宋Pro), local("Songti TC Bold"), local("Hiragino Mincho ProN"); unicode-range: U+4E00-9FFF, U+FF00-FFEF; font-weight: 600; font-style: normal;}
@font-face {font-family: SansTitleCJK; src: local("LiHei Pro"), local(儷黑Pro), local(微軟正黑體), local("Microsoft JhengHei"); unicode-range: U+4E00-9FFF, U+FF00-FFEF; font-weight: 600; font-style: normal;}
@font-face {font-family: SansBodyCJK; src: local("ヒラギノ角ゴ Pro"), local(Hiragino Kaku Gothic Pro), local(微軟正黑體), local("Microsoft JhengHei"); unicode-range: U+4E00-9FFF; font-weight: 400; }

body {
	line-height: 1.7em;
	/* Smoothing */
	text-rendering: optimizeLegibility;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig';
	font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig';
    background: #24243c;
}
body, caption, th, td, input, textarea, select, option, legend, fieldset, mark {
    font-family: YakuHanJPs_Noto, 'Khula', 'Noto Sans CJK TC', 'Noto Sans TC', SansBodyCJK, sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, p {letter-spacing: -0.025em;}

/* Common elements setting */
:root {font-size: 16px;}
::selection {color: rgb(7, 7, 7); background: #ececec;}
a {color: #fff; transition: all 0.1s ease;}
figure {margin: 0;}
img {width: 100%; max-width: 100%;}

/* fixed excess space */
picture {font-size: 0px;line-height: 0;}

/* Common Form Style */
/* Remove iOS outline arounded textarea / input box */
textarea:focus, input:focus, button:focus {outline: none;}

/* Remove iOS default rounded input styles */
input {-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0;}

/* Parallax Primary Structure (optional) */
main {
    display: block;
    color: #fff;
}
section > .container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
section.module {
    position: relative;
}
section.module.content {
    padding: 40px 0;
}
section.module.content.is--inverse {
    background-color: #111;
    color: #fff;
}
section.module.parallax {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-attachment: scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

section.module.parallax.mobile {
    background-attachment: scroll;
}

/* if you need full width container */
section > .container.is--extend {
    max-width: 100%;
    padding: 0;
}

@media screen and (min-width: 980px) {
    section > .container {max-width: 960px;}
}

@media screen and (min-width: 1400px) {
    section > .container {max-width: 1200px;}
}

/* Common layout kits */
.allcaps {text-transform: uppercase;}
.hide {display: none;}
.small-txt {font-size: .75rem; line-height: 1.5em;}

/* setting for DOM with backgound image */
.img-block {
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

/* horizontal list & centered list in a old school way  */
.horiz-lst {margin: 0; padding: 0; font-size: 0px; /* fixed inline-block bug */ } .horiz-lst>li {display: inline-block; vertical-align: top; margin: 0; font-size: 1rem; /* reset font-size to default size */ } .horiz-lst.centered {clear: left; float: left; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; } .horiz-lst.centered > li {position: relative; right: 50%; display: block; float: left; } .centered {float: left; width: 100%; position: relative; }

/* split width DIV */
.col-30 {width: 30%;}
.col-40 {width: 40%;}
.col-50 {width: 50%;}
.col-60 {width: 60%;}
.col-70 {width: 70%;}
[class^="col-"].is--split {
    float: left;
    height: 100%;
}
@media screen and (max-width: 599px) {
    [class^="col-"].is--split {
        width: 100%; /* 100% width on small tablet & mobile device */
        float: none;
        height: auto;
    }
}
/* order list style */
ol.number-list, ol.alpha-list {
	text-align: left;
}
ol.number-list li, ol.alpha-list li {
	display: list-item;
	/*margin-right: 2.25rem;*/
}
ol.number-list {
	list-style-type: decimal;
}
ol.alpha-list {
	list-style-type: upper-alpha;
}
ol.alpha-list.counter-list {
	list-style: none;
	counter-increment: start 7;
}
ol.alpha-list.counter-list li:before {
	content: counter(start, upper-alpha)".";
	counter-increment: start;
	width: 23px;
	display: inline-block;
}
ul.disc-list {
	list-style-type: disc;
    padding-left: 1rem;
}
.info-list {
	font-size: .875rem;
	padding: 0;
}


/* custom style */
/* Pure Drawer */
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {margin-left: 0;}
.pure-toggle-label {border: none; background-color: #4cbac2; box-shadow: 0 16px 24px rgba(255, 255, 255, .6);}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'], .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'], .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {background-color: #fff;}
.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {width: 22px;height: 2px;}
.pure-toggle-label .pure-toggle-icon:before {margin-top: 25%;}
.pure-toggle-label .pure-toggle-icon:after {margin-top: -20%;}
.pure-toggle-label[data-toggle-label='right'] {right: 5vw;}
.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {background-color: #fff;}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after
{background-color: #2f9c99;}
.pure-toggle:focus ~ .pure-toggle-label {border-color: #fff; color: #fff;}
.pure-toggle-label:hover {border-color: #fff; color: #fff;}
.pure-toggle-label:hover .pure-toggle-icon, .pure-toggle-label:hover .pure-toggle-icon:before, .pure-toggle-label:hover .pure-toggle-icon:after {background-color: #fff;}
.pure-toggle:checked ~ .pure-toggle-label .pure-toggle-icon, .pure-toggle:checked ~ .pure-toggle-label .pure-toggle-icon::before, .pure-toggle:checked ~ .pure-toggle-label .pure-toggle-icon::after {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.pure-drawer {background-color: #03f !important; width: 360px; } [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {transform: translate3d(360px, 0, 0); transition-duration: 360ms;}

/* Pushy */
.pushy {background: linear-gradient(233deg, #3f2d8e, #3f2d8e); opacity: .95}
.pushy footer {padding: 30px; text-align: left;}
.pushy footer p {font-size: .75rem; line-height: 1.25em;}
.pushy footer .cntw {margin: 0 0 30px;}

.pushy .material-icons, .pushy [class^="material-icons-"] {
    opacity: .6;
    font-size: .875rem;
    margin-bottom: .25em;
}

/* Common list */
.cols__grid-content-wrap {
    /* display: flex;
    justify-content: left;
    align-items: stretch;
    flex-flow: row wrap;
    overflow: hidden;
    min-height: 100%; */
    width: 100%;
}

.loading-block {
    display: flex;
    justify-content: left;
    align-items: stretch;
    flex-flow: row wrap;
    overflow: hidden;
    min-height: 100%;
}

.cols__grid-item {
    display: block;
    overflow: hidden;
    text-align: left;
    position: relative;
    padding: 0 10px 10px;
    width: 100%;
    max-width: calc(100vw - 20px);
}
.cols__grid-item--xs, .cols__grid-item--sm, .cols__grid-item--md {
    width: 50%;
}
.cols__grid-item--img {
    position: relative;
}
.cols__grid-item--img picture {
    background-color: rgba(255,255,255,.1);
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}
.cols__grid-item--img picture::after {
    background: rgb(225, 110, 56);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.1s ease;
}
.cols__grid-item:hover .cols__grid-item--img picture::after {
    opacity: 0;
    display: none;
}
.cols__grid-item--img picture > img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    width: 100%;
    height: 100%;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .2s cubic-bezier(0.77, 0, 0.175, 1) all;
    -moz-transition: .2s cubic-bezier(0.77, 0, 0.175, 1) all;
    transition: .2s cubic-bezier(0.77, 0, 0.175, 1) all;
}
.cols__grid-item:hover .cols__grid-item--img picture > img {
    transform: scale(1.25);
}
.cols__grid-item:hover .cols__grid-item--img picture {
    box-shadow: 0 12px 24px rgba(47, 156, 153, .45);
}
.cols__grid-item--caption {
    padding: 5% 0;
    position: relative;
    z-index: 1;
    text-align: center;
}
.cols__grid-item--cate {
    font-size: .75rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    /*
    background-image: linear-gradient(to right, rgb(218, 244, 0) 0%, rgb(218, 244, 0) 100%);
    background-repeat: repeat-x;
    background-position: 0px calc(1em - 2px);
    */
}
.cols__grid-item--title {
    font-size: 1.25rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: 10px;
    color: #0057ff;
}
.cols__grid-item--text {
    color: #4c4d4e;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.5;
}
.cols__grid-item:hover .cols__grid-item--caption,
.cols__grid-item:hover .cols__grid-item--text {
    color: #6C6E70;
}
.cols__grid-item:hover .cols__grid-item--text::before {
    background: rgb(45, 46, 47);
}

.cols__grid-item .small-txt {
    line-height: 1.125em;
    color: #111;
}

.cols__grid-item--text::before {
    content: "“";
}

.cols__grid-item--text::after {
    content: "”";
}

/* CSS hacks for detecting IE */
/* the fallback for IE 10, 11 and Edge. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cols__grid-item .cols__grid-item--img picture::after {
        opacity: 0;
    }
}
@supports (-ms-ime-align:auto) {
    .cols__grid-item .cols__grid-item--img picture::after {
        opacity: 0;
    }
}

@media (min-width: 600px) {
    .cols__grid-item--xs, .cols__grid-item--sm, .cols__grid-item--md {
        width: 33.3%;
    }
}
@media (min-width: 980px) {
    .cols__grid-item--xs {
        width: 16.6%;
    }
    .cols__grid-item--sm {
        width: 25%;
    }
    .cols__grid-item--md {
        width: 33%;
    }
    .cols__grid-item--lg {
        width: 50%;
        max-width: 50%;
    }
    .cols__grid-item {
        padding: 0 15px;
    }
    /*
    .cols__grid-item--text::before {
        content: "";
        width: 40px;
        height: 4px;
        display: block;
        background: rgb(184, 154, 106);
        margin: 24px 0px 12px;
        transition: background-color 0.15s ease-in 0s;
    }*/
}

/* Layout */

/* Welcome screen */
.welcome {
    width: 100%;
    height: 100vh;
    background-color: #001;
    position: fixed;
    text-align: center;
    z-index: 9998
}
.logo-snap {
    width: 100%;
    height: 100vh;
    position: relative;
}
#logo-stroke, .logo-svg {
    width: 320px;
    height: 288px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -144px;
    margin-left: -160px;
}
.logo-svg, .tpefw-reconnext {
    background: url(../images/reconnext.svg) center no-repeat;
    background-size: contain;
}
.logo-svg {
    display: none;
}


/* Tippy-tappy-typer by Stove */
/* https://codepen.io/stevn/pen/jEZvXa*/
.var-highlight {
  color: #0ff;
}

.string-highlight {
  color: #f0f;
}

pre {
    color: #fff;
    font-size: .75rem;
    margin: 0;
    font-family: 'IBM Plex Mono','Courier New',  monospace;
    font-weight: 500;
    line-height: 1.25em;
    display: block;
    width: 100%;
    cursor: default;
 /* -webkit-animation: slide-out-top 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        animation: slide-out-top 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;*/
}
.tpefw-texting {
    text-align: left;
    opacity: .3;
    z-index: 1;
    position: fixed;
    left: 0;
    padding-top: 33vh;
}


section.module.content.tpefw-kv-2021 {
    padding: 0;
    position: relative;
}
.tpefw-kv-2021 .container {
    justify-content: left;
    align-items: stretch;
}
.tpefw-kv-2021 [class^="col-"] {
    position: relative;
    overflow: hidden;
}
.tpefw-kv-2021 .col-60 {
    height: 93.94vw;
    width: 100%;
}
.tpefw-kv-2021 .col-40 {
    height: 47.21vw;
    width: 100%;
}
.tpefw-kv-ppl {
    background-image: url(../images/bg-kv-ppl.jpg);
    background-size: 145%;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.tpefw-monogram {
    height: 83.19vw;
    width: 83.19vw;
    background: url(../images/logo-tpefw-monogram.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 37.875vw;
    bottom: 0;
    left: 9.52vw;
    right: 0;
    z-index: 1;
}
.tpefw-date {
    position: absolute;
    z-index: 1;
    right: 1.5vw;
    bottom: 0.7vw;
    display: none;
}
.tpefw-calendar-date {
    font-size: 3rem;
    font-stretch: expanded;
    transform: scale(1,.55);
    margin-bottom: 0;
}
.tpefw-calendar-date cite {
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 2em;
}
.tpefw-calendar-date + p {
    margin-top: 0;
}
.tpefw-2021 {
    width: 12.5vw;
    height: 2.583vw;
    background-image: url(../images/2021.svg);
    background-position: center right;
}

@media (min-width: 980px) { 
    section.module.content.tpefw-kv-2021 {
        height: 56.25vw;
    }
    .tpefw-kv-2021 [class^="col-"] {
        height: 56.25vw;
    }
    .tpefw-kv-2021 .col-60 {
        width: 60%;
    }
    .tpefw-kv-2021 .col-40 {
        width: 40%;
    }
    .tpefw-monogram {
        height: 42vw;
        width: 42vw;
        background: url(../images/logo-tpefw-monogram.svg) center no-repeat;
        background-size: contain;
        position: absolute;
        top: 6.875vw;
        bottom: 0;
        left: 35.52vw;
        right: 0;
        z-index: 1;
    }
    .tpefw-date {display: block}
}

section.module.content.tpefw-kv-ss22 {
    padding: 0;
    text-align: center;
    color: #fff;
}

.tpefw-title {
    width: 90vw;
    height: auto;
    min-height: 36vw;
    top: 30%;
    bottom: 0;
}

.tpefw-title > .tpefw-title-ss22 {
    background: url(../images/tpefw-ss22.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    min-height: 36vw;
}


.tpefw-subtitle {text-transform: uppercase; margin-top: 60px}

@media (min-width: 980px) {
    .tpefw-title {
        width: 60vw;
        height: auto;
        min-height: 28vw;
    }
    .tpefw-title-ss22 {
        min-height: 28vw;
    }
}

.tpefw-kv-ss22 .container {
    justify-content: center;
    align-items: stretch;
}


.tpefw-section .tpefw-intro {
    padding-top: 60px;
}
.tpefw-section .tpefw-intro p, .tpefw-section .tpefw-intro ul {
    text-align: left;
}
.tpefw-section::before {
    content: "";
    display: block;
    width: 100%;
    height: 240px;
    background: linear-gradient(black, transparent);
    position: fixed;
    top: 0;
    z-index: 9990;
}

/* KV */
.tpefw-kv {
    position: fixed;
    background: url(../images/bg-kv.jpg) center, linear-gradient(233deg, #fff, #000);
    width: 100%;
    height: 100vh;
    background-size: 200%;
    background-blend-mode: hard-light;
    animation: hue-rotate 5s 3s linear infinite;
    transition: opacity 0.1s ease-in 0s;
}
.tpefw-east {background-image: url(../images/bg-east.jpg);}
.tpefw-list {background-image: url(../images/bg-list.jpg);}
.tpefw-field {background-image: url(../images/bg-field.jpg); background-position: 60% 50%;}
.tpefw-exhibit {background-image: url(../images/bg-exhibit.jpg);}
.tpefw-select {background-image: url(../images/bg-select.jpg);}
.tpefw-curate {background-image: url(../images/bg-curate.jpg);}
.tpefw-live {background-image: url(../images/bg-live.jpg);}
.tpefw-designers--1 {background-image: url(../images/bg-designers-1.jpg);}
.tpefw-designers--2 {background-image: url(../images/bg-designers-2.jpg);}
.tpefw-business {background-image: url(../images/bg-business.jpg);}
.tpefw-student {background-image: url(../images/bg-student.jpg);}
.tpefw-field, .tpefw-curate, .tpefw-runway, .tpefw-exhibit, .tpefw-challenge, 
.tpefw-calendar, .tpefw-designers--1, .tpefw-designers--2, .tpefw-business {
    background-size: auto 100vh;
}

.tpefw-intro, .tpefw-intro .container, .tpefw-kv .container {
    height: 100vh;
    overflow: visible;
}
.tpefw-video {
    overflow: hidden;
}
.tpefw-video, .tpefw-snaps, .tpefw-about, .tpefw-news, .tpefw-concept {
    z-index: 3;
}
.tpefw-intro .container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tpefw-title {
    text-align: center;
    z-index: 4;
}
.tpefw-subtitle {
    text-shadow: 0 6px 18px rgba(47, 156, 153, 1);}
}
.tpefw-reconnext {
    display: block;
}

.tpefw-event, .tpefw-logo {
    background-image: url(../images/logo-tpefw-aw21-vertical.svg);
}
.tpefw-logo-txt {
    background-image: url(../images/logo-tpefw-monogram.svg);
}
.tpefw-event {
    margin: 0 auto;
}
.tpefw-slogan {
    background-image: url(../images/slogan.svg);
    margin: 0 auto;
}
.tpefw-season {
    background-image: url(../images/season.svg);
}
.tpefw-eng {
    background-image: url(../images/eng.svg);
}

.tpefw-title .tpefw-reconnext {
    width: 90vw;
    height: 5.1vw;
    margin-top: 9.9vw;
    margin-bottom: 6.6vw;
}

.tpefw-title .tpefw-event  {
    width: 33vw;
    height: 50vw;
}
.tpefw-logo {
    width: 25vw;
    height: 38vw;
    top: 15px;
    left: 15px;
    position: fixed;
    z-index: 9993;
}

.tpefw-title .tpefw-slogan {
    width: 52vw;
    height: 5vw;
}

.tpefw-title .tpefw-season, .tpefw-title .tpefw-eng {
    display: none;
}

.tpefw-section--title {
    font-size: 3rem;
    font-weight: 700;
    font-stretch: expanded;
    transform: scale(1,.55);
    overflow: visible;
    line-height: 1em;
}
.tpefw-section--title.tc-zhtw {
    letter-spacing: -.1em;
}
.tpefw-section--title::before {
    content: '';
    position: absolute;
    left: -.4em;
    height: 100%;
    bottom: 0;
    width: calc(6vmax - 1.5rem);
    background-color: #4cbac2;
}
.tpefw-designer .tpefw-section--title::before {
    background-color: #2f9c99;
}
.tpefw-title .tpefw-section--title {
    font-size: 3rem;
    line-height: 1.125em;
    text-shadow: 0 6px 18px rgba(255, 255, 255, 1);
}
.tpefw-title .tpefw-section--title::before {
    display: none;
 }
.tpefw-section--title > em, .tpefw-section--title > cite, .tpefw-slogan--txt em {
    font-style: normal;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
}
.tpefw-section--title > cite {
    font-weight: 100;
    display: block;
    text-indent: 9999;
    height: 0;
    overflow: hidden;
}
.tpefw-section--title dfn {
    font-style: normal;
    font-size: 1.5rem;
    letter-spacing: 1px;
}
.tpefw-visual {
    display: flex;
    align-items: flex-start;
}
.tpefw-visual img {
    max-width: 50%;
}
.tpefw-about p > a:link, .tpefw-about li > a:link {
    background-image: linear-gradient(to right, rgba(76, 186, 194, 0.75) 0%, rgba(76, 186, 194, 0.75) 100%);
    margin: 0px;
    background-repeat: repeat-x;
    background-position: 0px calc(1em - 2px);
}
.tpefw-about p > a:hover, .tpefw-about li > a:hover  {
    background-image: linear-gradient(to right, rgba(76, 186, 194, 0.75) 0%, rgba(76, 186, 194, 0.75) 100%);
}
.tpefw-lang {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .75);
    color: #fff;
    display: flex;
    font-size: .875rem;
    letter-spacing: 1px;
    padding: 30px 0 0 0;
    margin: 30px 0 0 30px;
    text-transform: uppercase;
}
.tpefw-lang a[lang="en"] {
    padding-left: 5px;
}
.lang-active {
    font-size: 1.25rem;
    font-weight: bold;
    color: #f03;
}
.lang-active[lang="zh-tw"] {
    padding-right: 5px;
}

.tpefw-video--slogan {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tpefw-slogan--txt {
    font-size: 1.75rem;
    font-weight: bold;
    font-stretch: expanded;
    transform: scale(1,.55);
    letter-spacing: -.025em;
    line-height: 1.25em;
    color: #f03;
    margin-top: 25%;
    text-transform: capitalize;
}
.tpefw-slogan--txt li:nth-child(2) {
    color: #fff;
    text-indent: 2em;
}
.tpefw-slogan--txt li:nth-child(4) {
    color: #30f;
}
.tpefw-slogan--txt li:nth-child(5) {
    color: #fff;
    text-align: center;
    font-size: 1rem;
}
.tpefw-news .cols__grid-item--img picture {
    padding-bottom: 66.66%;
}
.tpefw-news .cols__grid-item:hover .cols__grid-item--img picture {
    box-shadow: 0 12px 24px rgba(47, 156, 153, .45);
}
.tpefw-news .cols__grid-item--caption {text-align: left;}
.tpefw-news a .cols__grid-item--title, .tpefw-news .cols__grid-item--text, 
.tpefw-news .cols__grid-item:hover .cols__grid-item--text {color: #fff;}
.tpefw-news .cols__grid-item--text {
    font-weight: normal;
}
.tpefw-news .cols__grid-item--text::before, .tpefw-news .cols__grid-item--text::after {
    content: "";
}

@media (min-width: 980px) { 
    .tpefw-slogan--txt {
        font-size: 2.75rem;
    }
    .tpefw-slogan--txt li:nth-child(2) {
        text-indent: 1em;
    }
    .tpefw-slogan--txt li:nth-child(5) {
        font-size: 1.125rem;
    }
}
@media (min-width: 1600px) {
    .tpefw-slogan--txt {
        font-size: 4rem;
    }
    .tpefw-slogan--txt li:nth-child(5) {
        font-size: 2rem;
    }
}
section.module.content.tpefw-snaps, section.module.content.tpefw-about {
    padding-bottom: 100px;
    padding-top: 0;
}

.tpefw-timetable {
    font-size: .75rem;
    line-height: 1.5em;
}
.tpefw-timetable cite {
    font-style: normal;
}
.tpefw-timetable tbody {
    text-align: center;
}
.tpefw-timetable tbody th {
    letter-spacing: 1px;
}
.tpefw-timetable td, .tpefw-timetable th {
    padding: 10px;
}
.tpefw-timetable th {
    font-weight: bold;
}
.tpefw-timetable th[scope="colgroup"] {
    border-bottom: 8px solid rgba(255,255,255);
}
.tpefw-timetable.tpefw-timetable--all th[scope="colgroup"] {
    border-top: 8px solid rgba(255,255,255);
    border-bottom-width: 1px;
}
.tpefw-timetable.tpefw-timetable--all .tpefw-weekly th[scope="colgroup"] {
    border-top: none;
    font-size: 1.5rem;
}
.tpefw-timetable tr:nth-child(even) > td {
    background-color: rgba(255,255,255,.1);
}
.tpefw-timetable th.ltr {
    background-color: rgba(255,255,255,.1);
}
.tpefw-timetable tbody td, .tpefw-timetable tbody th[scope="colgroup"]:not(:first-child) {
    border-left: 1px solid rgba(255,255,255,.75);
}
.tpefw-timetable.tpefw-timetable--all tbody td:first-child {
    border-left: none;
}
.tpefw-timetable.tpefw-timetable--bydate tbody td {
    border-left: none;
    border-right: 1px solid rgba(255,255,255,.75);
}
.tpefw-timetable th[scope="colgroup"]:not(:first-child), 
.tpefw-timetable.tpefw-timetable--bydate th[scope="colgroup"],
.tpefw-event-date, .tpefw-timetable.tpefw-timetable--all th[scope="colgroup"] {
    color: #f03;
    font-size: 3rem;
    font-stretch: expanded;
    transform: scale(1,.55);
}
.tpefw-timetable.tpefw-timetable--bydate th[scope="colgroup"] {
    color: #fff;
}
.tpefw-timetable th[scope="colgroup"]:not(:first-child) cite, .tpefw-event-date cite {
    font-weight: 100;
    font-stretch: normal;
    font-size: 1.5rem;
    line-height: 2em;
}
.tpefw-timetable th[scope="colgroup"]:not(:first-child) cite {
    display: block;
    padding: 3px 0 6px 0;
}
.tpefw-timetable tr td:nth-child(2) {
    min-width: 33vw;
}
.tpefw-timetable tr td.tpefw-field-1 {
    background-color: rgba(234,91,12,.3);
    background-blend-mode: hard-light;
}
.tpefw-timetable tr td.tpefw-field-2 {
    background-color: rgba(51,0,255,.3);
    background-blend-mode: hard-light;
}
.tpefw-timetable tfoot ul {
    display: flex;
    text-align: center;
}
.tpefw-timetable tfoot ul li {
    font-weight: bold;
    line-height: 1em;
    padding: 0 20px 0 0px;
}
.tpefw-timetable tfoot ul li.tpefw-field-1 {
    padding-left: 50px;
}
.tpefw-timetable tfoot ul li[class^="tpefw-field-"]::before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 60px;
    margin-left: -100%;
    margin-right: 20px;
}
.tpefw-field-1::before {
    background-color: rgba(234,91,12,.5);
}
.tpefw-field-2::before {
    background-color: rgba(51,0,255,.6);
}
.tpefw-timetable--chart {
    overflow-x: scroll;
}
[id^="calendar-"] .container {
    padding-right: 0;
}
.tpefw-event-date {
    font-size: 4.5rem;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 3em;
}
.tpefw-event-date cite {
    padding: 0 6px 0 3px;
}
.tpefw-timetable.tpefw-timetable--bydate th[scope="colgroup"] {
    line-height: 1em;
}
.tpefw-timetable.tpefw-timetable--bydate th[scope="colgroup"] .small-txt {
    display: block;
    font-size: 1rem;
    font-stretch: normal;
    font-weight: 400;
    padding-bottom: 0;
    letter-spacing: -.05em;
    transform: scaleY(1.55);
    margin-top: 1em;
}

.tpefw-timetable.tpefw-timetable--all {
    margin-bottom: 60px
}
.tpefw-timetable.tpefw-timetable--all th[scope="colgroup"] {
    color: #fff;
}
.tpefw-timetable.tpefw-timetable--all th[scope="colgroup"]:not(:first-child) {
    width: 14.2%;
}
.tpefw-timetable.tpefw-timetable--all tr td.tpefw-field-1 {
    background-color: rgba(255,0,255,.3);
}
.tpefw-timetable.tpefw-timetable--all tr td.tpefw-field-2 {
    background-color: rgba(0,255,255,.3);
}

.tpefw-designer--nav {
    padding-top: 300px;
}
.tpefw-designer--nav#calendar_nav {
    padding: 150px 0;
}
.tpefw-designer--nav#calendar_nav .btn {
    font-size: 1.25rem;
}
.tpefw-organizer {
    background-color: #3f2d8e;
    padding: 60px 0;
    z-index: 3;
    text-align: center;
}
.tpefw-organizer h3, .tpefw-organizer h4 {
    margin-bottom: 0;
}


@media (min-width: 980px) {
    pre {
    font-size: .875rem;
    }
    .tpefw-section .tpefw-intro {
        padding-top: 0px;
    }
    .tpefw-section .tpefw-title, .tpefw-section .tpefw-title ul {
        text-align: center;
    }
    .tpefw-logo {
        width: 5vw;
        height: 5vw;
        top: 30px;
        left: 30px;
    }
    .tpefw-kv {
        background-size: cover;
    }
    .tpefw-exhibit, .tpefw-field, .tpefw-runway, .tpefw-challenge, .tpefw-calendar, 
    .tpefw-designers--1, .tpefw-designers--2, .tpefw-business {
        background-position: center;
        background-size: cover;
    }
    .tpefw-texting {
        left: 20%;
    }
    .tpefw-title {
        text-align: left;
        position: relative;
    }
    .tpefw-title .tpefw-reconnext {
        width: 64.7vw;
        height: 3.7vw;
        margin-top: 2.7vw;
        margin-bottom: 3.3vw;
        display: block;
    }
    .tpefw-title .tpefw-event {
        background-image: url(../images/tpefw.svg);
        width: 15vw;
        height: 3vw;
        margin: 0;
    }
    .tpefw-title .tpefw-slogan {
        width: 20.6vw;
        height: 1.8vw;
        margin: 0;
    }
    .tpefw-title .tpefw-season {
        display: block;
        position: absolute;
        right: 1.8%;
        bottom: 0;
        width: 7vw;
        height: 1.2vw;
    }
    .tpefw-title .tpefw-eng {
        display: block;
        position: absolute;
        right: 1%;
        top: 1.5vw;
        width: 11vw;
        height: .7vw;
    }
    .tpefw-section--title {
        font-size: 5rem;
    }
    .tpefw-section--title::before {
        left: -1.125em;
        height: 1.25rem;
    }
    .tpefw-title .tpefw-section--title {
        font-size: 3.6rem;
    }
    .tpefw-section--title > cite {
        display: inline;
        text-indent: 0;
    }
    .tpefw-timetable--chart {
        overflow-x: hidden;
    }
    .tpefw-timetable {
        font-size: .875rem;
    }
    .tpefw-timetable tr td:nth-child(2) {
        min-width: 0;
    }
    .tpefw-timetable td, .tpefw-timetable th {
        padding: 20px 10px;
    }
    .tpefw-timetable th[scope="colgroup"]:not(:first-child) cite {
        padding: 0 6px 0 3px;
        display: inline;
    }
    .tpefw-desc {
        padding-right: 40px;
    }
    .tpefw-visual {
        padding-top: 100px;
    }
    .tpefw-organizer {
        text-align: left;
    }
}

@media (min-width: 1600px) {
    .tpefw-kv {
        background-position: 50% 30%;
    }
}

.puff-in-center {
    -webkit-animation: puff-in-center 1s 2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
            animation: puff-in-center 1s 2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-9-15 18:58:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
/*
@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
*/
/* Modified from */
/* Parallax Star background in CSS by Saransh Sinha */
/* https://codepen.io/saransh/pen/BKJun */

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1380px 846px #FFF , 973px 1140px #FFF , 1597px 539px #FFF , 1673px 449px #FFF , 439px 973px #FFF , 1318px 1029px #FFF , 1734px 1027px #FFF , 1294px 1478px #FFF , 1342px 257px #FFF , 1787px 692px #FFF , 1310px 299px #FFF , 953px 1762px #FFF , 960px 230px #FFF , 59px 482px #FFF , 1143px 244px #FFF , 597px 1688px #FFF , 1834px 1136px #FFF , 1218px 1353px #FFF , 1881px 837px #FFF , 639px 1374px #FFF , 694px 1903px #FFF , 1046px 684px #FFF , 892px 825px #FFF , 1719px 312px #FFF , 1212px 1842px #FFF , 1674px 795px #FFF , 1828px 504px #FFF , 385px 670px #FFF , 573px 777px #FFF , 140px 706px #FFF , 1301px 1726px #FFF , 768px 655px #FFF , 1730px 1175px #FFF , 1277px 1590px #FFF , 1713px 927px #FFF , 183px 747px #FFF , 82px 1864px #FFF , 346px 666px #FFF , 1651px 1608px #FFF , 603px 421px #FFF , 483px 214px #FFF , 1424px 326px #FFF , 1593px 1376px #FFF , 611px 711px #FFF , 360px 1002px #FFF , 1888px 532px #FFF , 906px 1517px #FFF , 1100px 1580px #FFF , 605px 1436px #FFF , 1411px 137px #FFF , 818px 1589px #FFF , 1434px 1306px #FFF , 953px 1810px #FFF , 1478px 1726px #FFF , 637px 1082px #FFF , 133px 643px #FFF , 252px 1510px #FFF , 338px 1873px #FFF , 1119px 1278px #FFF , 436px 559px #FFF , 1831px 679px #FFF , 4px 1431px #FFF , 304px 275px #FFF , 1983px 853px #FFF , 1490px 369px #FFF , 1329px 107px #FFF , 276px 1207px #FFF , 286px 1464px #FFF , 1779px 141px #FFF , 679px 1996px #FFF , 1525px 1121px #FFF , 264px 1494px #FFF , 76px 1055px #FFF , 128px 1427px #FFF , 1661px 1922px #FFF , 1652px 1654px #FFF , 392px 111px #FFF , 963px 606px #FFF , 1826px 1633px #FFF , 596px 157px #FFF , 11px 541px #FFF , 1513px 1196px #FFF , 1432px 621px #FFF , 1076px 977px #FFF , 962px 1008px #FFF , 746px 1526px #FFF , 938px 818px #FFF , 207px 1884px #FFF , 1692px 1902px #FFF , 63px 1099px #FFF , 1297px 1455px #FFF , 1580px 934px #FFF , 1958px 111px #FFF , 1691px 1601px #FFF , 1646px 1872px #FFF , 956px 421px #FFF , 298px 561px #FFF , 777px 1312px #FFF , 613px 1144px #FFF , 365px 1535px #FFF , 1197px 860px #FFF , 986px 1792px #FFF , 378px 240px #FFF , 846px 1239px #FFF , 195px 146px #FFF , 1733px 86px #FFF , 450px 654px #FFF , 1422px 491px #FFF , 1064px 438px #FFF , 1662px 1580px #FFF , 543px 813px #FFF , 1917px 1832px #FFF , 57px 1077px #FFF , 1415px 774px #FFF , 1216px 242px #FFF , 1426px 460px #FFF , 1138px 542px #FFF , 166px 1586px #FFF , 1390px 148px #FFF , 364px 1339px #FFF , 1428px 793px #FFF , 1423px 786px #FFF , 329px 957px #FFF , 282px 1158px #FFF , 1399px 254px #FFF , 378px 1408px #FFF , 373px 1978px #FFF , 769px 1878px #FFF , 407px 229px #FFF , 888px 730px #FFF , 1580px 1864px #FFF , 1762px 393px #FFF , 1047px 65px #FFF , 602px 772px #FFF , 401px 901px #FFF , 1412px 1109px #FFF , 99px 1511px #FFF , 750px 591px #FFF , 1405px 1803px #FFF , 340px 1442px #FFF , 41px 1866px #FFF , 872px 1199px #FFF , 1117px 1388px #FFF , 217px 600px #FFF , 1491px 444px #FFF , 423px 421px #FFF , 1497px 44px #FFF , 1714px 1521px #FFF , 840px 1487px #FFF , 9px 914px #FFF , 1254px 1620px #FFF , 527px 913px #FFF , 1737px 1546px #FFF , 473px 122px #FFF , 643px 646px #FFF , 391px 1921px #FFF , 1652px 805px #FFF , 765px 1926px #FFF , 1604px 138px #FFF , 618px 273px #FFF , 351px 967px #FFF , 1812px 1163px #FFF , 1126px 1992px #FFF , 1295px 368px #FFF , 135px 1948px #FFF , 861px 154px #FFF , 10px 1363px #FFF , 930px 1600px #FFF , 945px 1851px #FFF , 942px 168px #FFF , 789px 1126px #FFF , 786px 225px #FFF , 1569px 1978px #FFF , 1070px 31px #FFF , 1149px 1215px #FFF , 878px 957px #FFF , 1167px 1001px #FFF , 1996px 1173px #FFF , 1611px 130px #FFF , 1878px 1531px #FFF , 1823px 498px #FFF , 1551px 473px #FFF , 341px 1733px #FFF , 279px 984px #FFF , 187px 1670px #FFF , 1551px 1571px #FFF , 1682px 1348px #FFF , 1520px 1930px #FFF , 906px 467px #FFF , 1822px 1683px #FFF , 937px 1430px #FFF , 1739px 967px #FFF , 1219px 949px #FFF , 219px 1591px #FFF , 742px 1601px #FFF , 663px 245px #FFF , 650px 354px #FFF , 1259px 1520px #FFF , 522px 1997px #FFF , 1015px 1372px #FFF , 732px 1673px #FFF , 1614px 1662px #FFF , 1739px 1803px #FFF , 1959px 1981px #FFF , 1381px 881px #FFF , 619px 454px #FFF , 862px 1663px #FFF , 723px 381px #FFF , 650px 51px #FFF , 1051px 1294px #FFF , 509px 982px #FFF , 1096px 1875px #FFF , 814px 659px #FFF , 1588px 1943px #FFF , 854px 48px #FFF , 1154px 1029px #FFF , 1290px 1571px #FFF , 116px 524px #FFF , 1486px 1384px #FFF , 946px 248px #FFF , 518px 1967px #FFF , 375px 1542px #FFF , 1749px 242px #FFF , 698px 1028px #FFF , 1377px 1374px #FFF , 457px 704px #FFF , 896px 148px #FFF , 973px 1514px #FFF , 758px 408px #FFF , 1115px 20px #FFF , 715px 2000px #FFF , 993px 1117px #FFF , 164px 899px #FFF , 483px 714px #FFF , 207px 953px #FFF , 1179px 371px #FFF , 1585px 933px #FFF , 162px 60px #FFF , 589px 1664px #FFF , 381px 1899px #FFF , 1375px 1263px #FFF , 656px 669px #FFF , 1337px 1207px #FFF , 140px 240px #FFF , 1624px 387px #FFF , 1680px 1733px #FFF , 163px 307px #FFF , 1921px 1587px #FFF , 1908px 1821px #FFF , 799px 1073px #FFF , 1543px 1346px #FFF , 199px 1898px #FFF , 1420px 1997px #FFF , 1783px 1350px #FFF , 21px 977px #FFF , 1946px 1388px #FFF , 207px 474px #FFF , 1791px 1700px #FFF , 510px 775px #FFF , 262px 574px #FFF , 1358px 723px #FFF , 1182px 870px #FFF , 1651px 1416px #FFF , 1858px 235px #FFF , 757px 451px #FFF , 198px 798px #FFF , 760px 1664px #FFF , 702px 262px #FFF , 738px 678px #FFF , 733px 1139px #FFF , 586px 928px #FFF , 298px 1157px #FFF , 190px 254px #FFF , 86px 1510px #FFF , 1088px 1801px #FFF , 81px 53px #FFF , 1248px 1645px #FFF , 1720px 772px #FFF , 83px 1988px #FFF , 1802px 1190px #FFF , 802px 483px #FFF , 360px 830px #FFF , 677px 345px #FFF , 621px 941px #FFF , 765px 1782px #FFF , 1284px 237px #FFF , 855px 838px #FFF , 927px 680px #FFF , 429px 237px #FFF , 46px 1849px #FFF , 667px 1299px #FFF , 767px 1596px #FFF , 819px 156px #FFF , 802px 1009px #FFF , 1117px 852px #FFF , 1239px 887px #FFF , 1944px 1679px #FFF , 818px 513px #FFF , 333px 1887px #FFF , 436px 931px #FFF , 180px 576px #FFF , 1381px 68px #FFF , 1068px 1671px #FFF , 1697px 1070px #FFF , 1578px 1575px #FFF , 1260px 1465px #FFF , 846px 1644px #FFF , 201px 1425px #FFF , 817px 1851px #FFF , 1150px 1860px #FFF , 1441px 1468px #FFF , 1335px 317px #FFF , 980px 1731px #FFF , 899px 1856px #FFF , 338px 156px #FFF , 933px 1713px #FFF , 1059px 911px #FFF , 1397px 485px #FFF , 1072px 167px #FFF , 575px 931px #FFF , 419px 1388px #FFF , 998px 224px #FFF , 1103px 459px #FFF , 370px 1501px #FFF , 1110px 75px #FFF , 1827px 813px #FFF , 1497px 152px #FFF , 1090px 155px #FFF , 540px 1561px #FFF , 823px 780px #FFF , 1137px 1056px #FFF , 332px 987px #FFF , 685px 864px #FFF , 1553px 1738px #FFF , 1626px 1988px #FFF , 1106px 572px #FFF , 1746px 1969px #FFF , 1862px 609px #FFF , 324px 660px #FFF , 620px 424px #FFF , 941px 1638px #FFF , 1977px 648px #FFF , 1209px 1343px #FFF , 1640px 668px #FFF , 376px 1763px #FFF , 843px 978px #FFF , 819px 53px #FFF , 541px 1878px #FFF , 886px 1563px #FFF , 5px 562px #FFF , 521px 385px #FFF , 1958px 385px #FFF , 50px 37px #FFF , 1719px 835px #FFF , 1488px 1335px #FFF , 1068px 326px #FFF , 682px 889px #FFF , 1px 1575px #FFF , 1499px 1656px #FFF , 1659px 1061px #FFF , 1310px 1385px #FFF , 1744px 1553px #FFF , 159px 971px #FFF , 955px 1384px #FFF , 1809px 1904px #FFF , 1594px 1302px #FFF , 198px 1257px #FFF , 1650px 195px #FFF , 1195px 527px #FFF , 1033px 1303px #FFF , 1275px 751px #FFF , 103px 1358px #FFF , 422px 80px #FFF , 1973px 1210px #FFF , 1917px 829px #FFF , 1590px 578px #FFF , 1390px 1065px #FFF , 545px 1929px #FFF , 1276px 1271px #FFF , 75px 392px #FFF , 1571px 1978px #FFF , 543px 1602px #FFF , 1798px 167px #FFF , 529px 1728px #FFF , 1633px 1851px #FFF , 223px 1675px #FFF , 620px 1218px #FFF , 32px 1527px #FFF , 1665px 523px #FFF , 1779px 1608px #FFF , 1199px 363px #FFF , 1365px 1945px #FFF , 746px 168px #FFF , 1238px 1732px #FFF , 1982px 1890px #FFF , 606px 769px #FFF , 684px 1895px #FFF , 1479px 534px #FFF , 1051px 311px #FFF , 1813px 862px #FFF , 331px 30px #FFF , 579px 743px #FFF , 1938px 993px #FFF , 324px 408px #FFF , 1483px 575px #FFF , 228px 855px #FFF , 1881px 954px #FFF , 1570px 1863px #FFF , 57px 335px #FFF , 1318px 134px #FFF , 1079px 1472px #FFF , 1646px 1537px #FFF , 737px 1891px #FFF , 438px 1108px #FFF , 199px 1748px #FFF , 452px 1007px #FFF , 1645px 1838px #FFF , 1843px 1048px #FFF , 828px 659px #FFF , 1096px 1555px #FFF , 27px 931px #FFF , 1528px 172px #FFF , 896px 243px #FFF , 1400px 948px #FFF , 318px 845px #FFF , 885px 777px #FFF , 153px 1915px #FFF , 1914px 835px #FFF , 1627px 1744px #FFF , 73px 1417px #FFF , 1933px 1234px #FFF , 1169px 851px #FFF , 1653px 231px #FFF , 1668px 351px #FFF , 422px 1795px #FFF , 1087px 670px #FFF , 417px 796px #FFF , 1438px 461px #FFF , 403px 1845px #FFF , 209px 615px #FFF , 1002px 1179px #FFF , 168px 757px #FFF , 1537px 188px #FFF , 1579px 1px #FFF , 1855px 1905px #FFF , 1334px 796px #FFF , 734px 531px #FFF , 278px 1792px #FFF , 119px 1918px #FFF , 691px 1788px #FFF , 1890px 1534px #FFF , 1460px 636px #FFF , 393px 1568px #FFF , 1144px 1716px #FFF , 907px 472px #FFF , 1056px 1741px #FFF , 573px 1371px #FFF , 811px 914px #FFF , 933px 1936px #FFF , 1836px 1138px #FFF , 166px 100px #FFF , 603px 314px #FFF , 1215px 1936px #FFF , 517px 378px #FFF , 1950px 799px #FFF , 1655px 889px #FFF , 1832px 939px #FFF , 458px 886px #FFF , 900px 1695px #FFF , 1427px 1292px #FFF , 41px 979px #FFF , 584px 1798px #FFF , 920px 1176px #FFF , 580px 747px #FFF , 1861px 1871px #FFF , 255px 1829px #FFF , 135px 1368px #FFF , 644px 1967px #FFF , 1046px 688px #FFF , 286px 1738px #FFF , 953px 241px #FFF , 1061px 800px #FFF , 1862px 625px #FFF , 1783px 709px #FFF , 617px 1646px #FFF , 320px 65px #FFF , 1159px 1157px #FFF , 1575px 316px #FFF , 256px 452px #FFF , 1885px 738px #FFF , 102px 1619px #FFF , 1926px 1672px #FFF , 1289px 1644px #FFF , 1718px 722px #FFF , 1200px 300px #FFF , 874px 347px #FFF , 361px 241px #FFF , 404px 1197px #FFF , 1598px 1904px #FFF , 1074px 930px #FFF , 1452px 1369px #FFF , 1917px 1169px #FFF , 1529px 835px #FFF , 778px 724px #FFF , 6px 959px #FFF , 1283px 604px #FFF , 738px 239px #FFF , 1923px 1656px #FFF , 1948px 153px #FFF , 49px 165px #FFF , 362px 627px #FFF , 1044px 1842px #FFF , 1661px 1972px #FFF , 330px 784px #FFF , 1436px 1232px #FFF , 1975px 1536px #FFF , 484px 1863px #FFF , 1763px 91px #FFF , 1058px 1831px #FFF , 1666px 235px #FFF , 827px 417px #FFF , 903px 1153px #FFF , 1117px 63px #FFF , 1110px 1183px #FFF , 635px 121px #FFF , 45px 909px #FFF , 496px 105px #FFF , 948px 987px #FFF , 611px 760px #FFF , 391px 908px #FFF , 1489px 1482px #FFF , 1527px 704px #FFF , 1747px 1283px #FFF , 1060px 1589px #FFF , 593px 251px #FFF , 1957px 914px #FFF , 277px 1229px #FFF , 1316px 1954px #FFF , 1369px 259px #FFF , 316px 281px #FFF , 1854px 1091px #FFF , 884px 938px #FFF , 1455px 1285px #FFF , 1570px 1712px #FFF , 633px 1623px #FFF , 1511px 56px #FFF , 1364px 1049px #FFF , 395px 1453px #FFF , 1193px 1511px #FFF , 140px 667px #FFF , 1014px 1128px #FFF , 587px 1501px #FFF , 886px 1271px #FFF , 1376px 1537px #FFF , 1002px 552px #FFF , 1927px 568px #FFF , 167px 1097px #FFF , 933px 495px #FFF , 1064px 779px #FFF , 445px 14px #FFF , 379px 1636px #FFF , 336px 758px #FFF , 221px 220px #FFF , 1724px 1980px #FFF , 912px 1649px #FFF , 871px 1503px #FFF , 229px 1286px #FFF , 244px 892px #FFF , 1514px 801px #FFF , 1824px 1480px #FFF , 170px 1864px #FFF , 1456px 787px #FFF , 1196px 234px #FFF , 250px 348px #FFF , 422px 745px #FFF , 904px 1961px #FFF , 21px 1904px #FFF , 1715px 326px #FFF , 748px 190px #FFF , 1618px 968px #FFF , 1442px 1041px #FFF , 1628px 524px #FFF , 1018px 1159px #FFF , 664px 1525px #FFF , 205px 302px #FFF , 874px 1645px #FFF , 720px 1132px #FFF , 1012px 1719px #FFF , 527px 251px #FFF , 863px 61px #FFF , 1871px 1167px #FFF , 1137px 1848px #FFF , 873px 499px #FFF , 525px 1716px #FFF , 1077px 334px #FFF , 1040px 478px #FFF , 461px 747px #FFF , 412px 1122px #FFF , 1447px 266px #FFF , 1511px 1110px #FFF , 3px 1563px #FFF , 631px 125px #FFF , 608px 911px #FFF , 928px 11px #FFF , 1971px 603px #FFF , 694px 534px #FFF , 528px 1942px #FFF , 1177px 119px #FFF , 761px 730px #FFF , 1235px 1742px #FFF , 442px 135px #FFF , 1864px 527px #FFF , 524px 708px #FFF , 1742px 1062px #FFF , 1684px 1125px #FFF , 1003px 158px #FFF , 570px 1156px #FFF , 330px 1294px #FFF , 1746px 1980px #FFF , 61px 1675px #FFF , 1112px 1555px #FFF , 688px 427px #FFF , 1244px 1936px #FFF , 698px 873px #FFF , 1490px 1482px #FFF , 1621px 1325px #FFF , 1306px 572px #FFF , 990px 1206px #FFF , 1093px 1067px #FFF , 552px 1597px #FFF , 984px 714px #FFF , 968px 330px #FFF , 214px 201px #FFF , 1029px 697px #FFF , 1468px 524px #FFF , 1018px 885px #FFF , 349px 473px #FFF , 1882px 790px #FFF , 65px 1291px #FFF , 698px 887px #FFF , 226px 1355px #FFF , 1029px 851px #FFF , 903px 1463px #FFF , 70px 764px #FFF , 1855px 598px #FFF , 338px 1188px #FFF , 1873px 1536px #FFF , 666px 669px #FFF , 756px 382px #FFF , 1675px 22px #FFF , 1917px 1927px #FFF , 281px 220px #FFF , 1131px 652px #FFF , 632px 1025px #FFF , 885px 1169px #FFF , 495px 128px #FFF , 248px 1435px #FFF , 895px 1370px #FFF , 1120px 1757px #FFF , 198px 861px #FFF , 1432px 651px #FFF , 1992px 1927px #FFF , 1086px 1366px #FFF , 927px 1656px #FFF , 1310px 912px #FFF , 1715px 904px #FFF , 680px 1820px #FFF , 359px 1974px #FFF , 1519px 1064px #FFF , 1031px 330px #FFF , 964px 1758px #FFF , 433px 251px #FFF , 894px 940px #FFF , 1629px 316px #FFF , 1516px 906px #FFF , 1228px 1069px #FFF , 1277px 784px #FFF , 701px 1785px #FFF , 30px 987px #FFF , 1810px 1697px #FFF , 1270px 1603px #FFF , 1739px 1105px #FFF , 82px 1031px #FFF , 1680px 1686px #FFF , 1943px 25px #FFF , 1495px 1670px #FFF , 1720px 1240px #FFF , 1083px 1486px #FFF , 1827px 908px #FFF , 1227px 1915px #FFF , 818px 268px #FFF , 318px 757px #FFF , 17px 987px #FFF , 1144px 1329px #FFF , 126px 1217px #FFF , 1490px 1010px #FFF , 548px 1998px #FFF , 1234px 103px #FFF , 567px 1593px #FFF , 754px 841px #FFF;
  animation: animStar 150s linear infinite;
  opacity: .3;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1380px 846px #FFF , 973px 1140px #FFF , 1597px 539px #FFF , 1673px 449px #FFF , 439px 973px #FFF , 1318px 1029px #FFF , 1734px 1027px #FFF , 1294px 1478px #FFF , 1342px 257px #FFF , 1787px 692px #FFF , 1310px 299px #FFF , 953px 1762px #FFF , 960px 230px #FFF , 59px 482px #FFF , 1143px 244px #FFF , 597px 1688px #FFF , 1834px 1136px #FFF , 1218px 1353px #FFF , 1881px 837px #FFF , 639px 1374px #FFF , 694px 1903px #FFF , 1046px 684px #FFF , 892px 825px #FFF , 1719px 312px #FFF , 1212px 1842px #FFF , 1674px 795px #FFF , 1828px 504px #FFF , 385px 670px #FFF , 573px 777px #FFF , 140px 706px #FFF , 1301px 1726px #FFF , 768px 655px #FFF , 1730px 1175px #FFF , 1277px 1590px #FFF , 1713px 927px #FFF , 183px 747px #FFF , 82px 1864px #FFF , 346px 666px #FFF , 1651px 1608px #FFF , 603px 421px #FFF , 483px 214px #FFF , 1424px 326px #FFF , 1593px 1376px #FFF , 611px 711px #FFF , 360px 1002px #FFF , 1888px 532px #FFF , 906px 1517px #FFF , 1100px 1580px #FFF , 605px 1436px #FFF , 1411px 137px #FFF , 818px 1589px #FFF , 1434px 1306px #FFF , 953px 1810px #FFF , 1478px 1726px #FFF , 637px 1082px #FFF , 133px 643px #FFF , 252px 1510px #FFF , 338px 1873px #FFF , 1119px 1278px #FFF , 436px 559px #FFF , 1831px 679px #FFF , 4px 1431px #FFF , 304px 275px #FFF , 1983px 853px #FFF , 1490px 369px #FFF , 1329px 107px #FFF , 276px 1207px #FFF , 286px 1464px #FFF , 1779px 141px #FFF , 679px 1996px #FFF , 1525px 1121px #FFF , 264px 1494px #FFF , 76px 1055px #FFF , 128px 1427px #FFF , 1661px 1922px #FFF , 1652px 1654px #FFF , 392px 111px #FFF , 963px 606px #FFF , 1826px 1633px #FFF , 596px 157px #FFF , 11px 541px #FFF , 1513px 1196px #FFF , 1432px 621px #FFF , 1076px 977px #FFF , 962px 1008px #FFF , 746px 1526px #FFF , 938px 818px #FFF , 207px 1884px #FFF , 1692px 1902px #FFF , 63px 1099px #FFF , 1297px 1455px #FFF , 1580px 934px #FFF , 1958px 111px #FFF , 1691px 1601px #FFF , 1646px 1872px #FFF , 956px 421px #FFF , 298px 561px #FFF , 777px 1312px #FFF , 613px 1144px #FFF , 365px 1535px #FFF , 1197px 860px #FFF , 986px 1792px #FFF , 378px 240px #FFF , 846px 1239px #FFF , 195px 146px #FFF , 1733px 86px #FFF , 450px 654px #FFF , 1422px 491px #FFF , 1064px 438px #FFF , 1662px 1580px #FFF , 543px 813px #FFF , 1917px 1832px #FFF , 57px 1077px #FFF , 1415px 774px #FFF , 1216px 242px #FFF , 1426px 460px #FFF , 1138px 542px #FFF , 166px 1586px #FFF , 1390px 148px #FFF , 364px 1339px #FFF , 1428px 793px #FFF , 1423px 786px #FFF , 329px 957px #FFF , 282px 1158px #FFF , 1399px 254px #FFF , 378px 1408px #FFF , 373px 1978px #FFF , 769px 1878px #FFF , 407px 229px #FFF , 888px 730px #FFF , 1580px 1864px #FFF , 1762px 393px #FFF , 1047px 65px #FFF , 602px 772px #FFF , 401px 901px #FFF , 1412px 1109px #FFF , 99px 1511px #FFF , 750px 591px #FFF , 1405px 1803px #FFF , 340px 1442px #FFF , 41px 1866px #FFF , 872px 1199px #FFF , 1117px 1388px #FFF , 217px 600px #FFF , 1491px 444px #FFF , 423px 421px #FFF , 1497px 44px #FFF , 1714px 1521px #FFF , 840px 1487px #FFF , 9px 914px #FFF , 1254px 1620px #FFF , 527px 913px #FFF , 1737px 1546px #FFF , 473px 122px #FFF , 643px 646px #FFF , 391px 1921px #FFF , 1652px 805px #FFF , 765px 1926px #FFF , 1604px 138px #FFF , 618px 273px #FFF , 351px 967px #FFF , 1812px 1163px #FFF , 1126px 1992px #FFF , 1295px 368px #FFF , 135px 1948px #FFF , 861px 154px #FFF , 10px 1363px #FFF , 930px 1600px #FFF , 945px 1851px #FFF , 942px 168px #FFF , 789px 1126px #FFF , 786px 225px #FFF , 1569px 1978px #FFF , 1070px 31px #FFF , 1149px 1215px #FFF , 878px 957px #FFF , 1167px 1001px #FFF , 1996px 1173px #FFF , 1611px 130px #FFF , 1878px 1531px #FFF , 1823px 498px #FFF , 1551px 473px #FFF , 341px 1733px #FFF , 279px 984px #FFF , 187px 1670px #FFF , 1551px 1571px #FFF , 1682px 1348px #FFF , 1520px 1930px #FFF , 906px 467px #FFF , 1822px 1683px #FFF , 937px 1430px #FFF , 1739px 967px #FFF , 1219px 949px #FFF , 219px 1591px #FFF , 742px 1601px #FFF , 663px 245px #FFF , 650px 354px #FFF , 1259px 1520px #FFF , 522px 1997px #FFF , 1015px 1372px #FFF , 732px 1673px #FFF , 1614px 1662px #FFF , 1739px 1803px #FFF , 1959px 1981px #FFF , 1381px 881px #FFF , 619px 454px #FFF , 862px 1663px #FFF , 723px 381px #FFF , 650px 51px #FFF , 1051px 1294px #FFF , 509px 982px #FFF , 1096px 1875px #FFF , 814px 659px #FFF , 1588px 1943px #FFF , 854px 48px #FFF , 1154px 1029px #FFF , 1290px 1571px #FFF , 116px 524px #FFF , 1486px 1384px #FFF , 946px 248px #FFF , 518px 1967px #FFF , 375px 1542px #FFF , 1749px 242px #FFF , 698px 1028px #FFF , 1377px 1374px #FFF , 457px 704px #FFF , 896px 148px #FFF , 973px 1514px #FFF , 758px 408px #FFF , 1115px 20px #FFF , 715px 2000px #FFF , 993px 1117px #FFF , 164px 899px #FFF , 483px 714px #FFF , 207px 953px #FFF , 1179px 371px #FFF , 1585px 933px #FFF , 162px 60px #FFF , 589px 1664px #FFF , 381px 1899px #FFF , 1375px 1263px #FFF , 656px 669px #FFF , 1337px 1207px #FFF , 140px 240px #FFF , 1624px 387px #FFF , 1680px 1733px #FFF , 163px 307px #FFF , 1921px 1587px #FFF , 1908px 1821px #FFF , 799px 1073px #FFF , 1543px 1346px #FFF , 199px 1898px #FFF , 1420px 1997px #FFF , 1783px 1350px #FFF , 21px 977px #FFF , 1946px 1388px #FFF , 207px 474px #FFF , 1791px 1700px #FFF , 510px 775px #FFF , 262px 574px #FFF , 1358px 723px #FFF , 1182px 870px #FFF , 1651px 1416px #FFF , 1858px 235px #FFF , 757px 451px #FFF , 198px 798px #FFF , 760px 1664px #FFF , 702px 262px #FFF , 738px 678px #FFF , 733px 1139px #FFF , 586px 928px #FFF , 298px 1157px #FFF , 190px 254px #FFF , 86px 1510px #FFF , 1088px 1801px #FFF , 81px 53px #FFF , 1248px 1645px #FFF , 1720px 772px #FFF , 83px 1988px #FFF , 1802px 1190px #FFF , 802px 483px #FFF , 360px 830px #FFF , 677px 345px #FFF , 621px 941px #FFF , 765px 1782px #FFF , 1284px 237px #FFF , 855px 838px #FFF , 927px 680px #FFF , 429px 237px #FFF , 46px 1849px #FFF , 667px 1299px #FFF , 767px 1596px #FFF , 819px 156px #FFF , 802px 1009px #FFF , 1117px 852px #FFF , 1239px 887px #FFF , 1944px 1679px #FFF , 818px 513px #FFF , 333px 1887px #FFF , 436px 931px #FFF , 180px 576px #FFF , 1381px 68px #FFF , 1068px 1671px #FFF , 1697px 1070px #FFF , 1578px 1575px #FFF , 1260px 1465px #FFF , 846px 1644px #FFF , 201px 1425px #FFF , 817px 1851px #FFF , 1150px 1860px #FFF , 1441px 1468px #FFF , 1335px 317px #FFF , 980px 1731px #FFF , 899px 1856px #FFF , 338px 156px #FFF , 933px 1713px #FFF , 1059px 911px #FFF , 1397px 485px #FFF , 1072px 167px #FFF , 575px 931px #FFF , 419px 1388px #FFF , 998px 224px #FFF , 1103px 459px #FFF , 370px 1501px #FFF , 1110px 75px #FFF , 1827px 813px #FFF , 1497px 152px #FFF , 1090px 155px #FFF , 540px 1561px #FFF , 823px 780px #FFF , 1137px 1056px #FFF , 332px 987px #FFF , 685px 864px #FFF , 1553px 1738px #FFF , 1626px 1988px #FFF , 1106px 572px #FFF , 1746px 1969px #FFF , 1862px 609px #FFF , 324px 660px #FFF , 620px 424px #FFF , 941px 1638px #FFF , 1977px 648px #FFF , 1209px 1343px #FFF , 1640px 668px #FFF , 376px 1763px #FFF , 843px 978px #FFF , 819px 53px #FFF , 541px 1878px #FFF , 886px 1563px #FFF , 5px 562px #FFF , 521px 385px #FFF , 1958px 385px #FFF , 50px 37px #FFF , 1719px 835px #FFF , 1488px 1335px #FFF , 1068px 326px #FFF , 682px 889px #FFF , 1px 1575px #FFF , 1499px 1656px #FFF , 1659px 1061px #FFF , 1310px 1385px #FFF , 1744px 1553px #FFF , 159px 971px #FFF , 955px 1384px #FFF , 1809px 1904px #FFF , 1594px 1302px #FFF , 198px 1257px #FFF , 1650px 195px #FFF , 1195px 527px #FFF , 1033px 1303px #FFF , 1275px 751px #FFF , 103px 1358px #FFF , 422px 80px #FFF , 1973px 1210px #FFF , 1917px 829px #FFF , 1590px 578px #FFF , 1390px 1065px #FFF , 545px 1929px #FFF , 1276px 1271px #FFF , 75px 392px #FFF , 1571px 1978px #FFF , 543px 1602px #FFF , 1798px 167px #FFF , 529px 1728px #FFF , 1633px 1851px #FFF , 223px 1675px #FFF , 620px 1218px #FFF , 32px 1527px #FFF , 1665px 523px #FFF , 1779px 1608px #FFF , 1199px 363px #FFF , 1365px 1945px #FFF , 746px 168px #FFF , 1238px 1732px #FFF , 1982px 1890px #FFF , 606px 769px #FFF , 684px 1895px #FFF , 1479px 534px #FFF , 1051px 311px #FFF , 1813px 862px #FFF , 331px 30px #FFF , 579px 743px #FFF , 1938px 993px #FFF , 324px 408px #FFF , 1483px 575px #FFF , 228px 855px #FFF , 1881px 954px #FFF , 1570px 1863px #FFF , 57px 335px #FFF , 1318px 134px #FFF , 1079px 1472px #FFF , 1646px 1537px #FFF , 737px 1891px #FFF , 438px 1108px #FFF , 199px 1748px #FFF , 452px 1007px #FFF , 1645px 1838px #FFF , 1843px 1048px #FFF , 828px 659px #FFF , 1096px 1555px #FFF , 27px 931px #FFF , 1528px 172px #FFF , 896px 243px #FFF , 1400px 948px #FFF , 318px 845px #FFF , 885px 777px #FFF , 153px 1915px #FFF , 1914px 835px #FFF , 1627px 1744px #FFF , 73px 1417px #FFF , 1933px 1234px #FFF , 1169px 851px #FFF , 1653px 231px #FFF , 1668px 351px #FFF , 422px 1795px #FFF , 1087px 670px #FFF , 417px 796px #FFF , 1438px 461px #FFF , 403px 1845px #FFF , 209px 615px #FFF , 1002px 1179px #FFF , 168px 757px #FFF , 1537px 188px #FFF , 1579px 1px #FFF , 1855px 1905px #FFF , 1334px 796px #FFF , 734px 531px #FFF , 278px 1792px #FFF , 119px 1918px #FFF , 691px 1788px #FFF , 1890px 1534px #FFF , 1460px 636px #FFF , 393px 1568px #FFF , 1144px 1716px #FFF , 907px 472px #FFF , 1056px 1741px #FFF , 573px 1371px #FFF , 811px 914px #FFF , 933px 1936px #FFF , 1836px 1138px #FFF , 166px 100px #FFF , 603px 314px #FFF , 1215px 1936px #FFF , 517px 378px #FFF , 1950px 799px #FFF , 1655px 889px #FFF , 1832px 939px #FFF , 458px 886px #FFF , 900px 1695px #FFF , 1427px 1292px #FFF , 41px 979px #FFF , 584px 1798px #FFF , 920px 1176px #FFF , 580px 747px #FFF , 1861px 1871px #FFF , 255px 1829px #FFF , 135px 1368px #FFF , 644px 1967px #FFF , 1046px 688px #FFF , 286px 1738px #FFF , 953px 241px #FFF , 1061px 800px #FFF , 1862px 625px #FFF , 1783px 709px #FFF , 617px 1646px #FFF , 320px 65px #FFF , 1159px 1157px #FFF , 1575px 316px #FFF , 256px 452px #FFF , 1885px 738px #FFF , 102px 1619px #FFF , 1926px 1672px #FFF , 1289px 1644px #FFF , 1718px 722px #FFF , 1200px 300px #FFF , 874px 347px #FFF , 361px 241px #FFF , 404px 1197px #FFF , 1598px 1904px #FFF , 1074px 930px #FFF , 1452px 1369px #FFF , 1917px 1169px #FFF , 1529px 835px #FFF , 778px 724px #FFF , 6px 959px #FFF , 1283px 604px #FFF , 738px 239px #FFF , 1923px 1656px #FFF , 1948px 153px #FFF , 49px 165px #FFF , 362px 627px #FFF , 1044px 1842px #FFF , 1661px 1972px #FFF , 330px 784px #FFF , 1436px 1232px #FFF , 1975px 1536px #FFF , 484px 1863px #FFF , 1763px 91px #FFF , 1058px 1831px #FFF , 1666px 235px #FFF , 827px 417px #FFF , 903px 1153px #FFF , 1117px 63px #FFF , 1110px 1183px #FFF , 635px 121px #FFF , 45px 909px #FFF , 496px 105px #FFF , 948px 987px #FFF , 611px 760px #FFF , 391px 908px #FFF , 1489px 1482px #FFF , 1527px 704px #FFF , 1747px 1283px #FFF , 1060px 1589px #FFF , 593px 251px #FFF , 1957px 914px #FFF , 277px 1229px #FFF , 1316px 1954px #FFF , 1369px 259px #FFF , 316px 281px #FFF , 1854px 1091px #FFF , 884px 938px #FFF , 1455px 1285px #FFF , 1570px 1712px #FFF , 633px 1623px #FFF , 1511px 56px #FFF , 1364px 1049px #FFF , 395px 1453px #FFF , 1193px 1511px #FFF , 140px 667px #FFF , 1014px 1128px #FFF , 587px 1501px #FFF , 886px 1271px #FFF , 1376px 1537px #FFF , 1002px 552px #FFF , 1927px 568px #FFF , 167px 1097px #FFF , 933px 495px #FFF , 1064px 779px #FFF , 445px 14px #FFF , 379px 1636px #FFF , 336px 758px #FFF , 221px 220px #FFF , 1724px 1980px #FFF , 912px 1649px #FFF , 871px 1503px #FFF , 229px 1286px #FFF , 244px 892px #FFF , 1514px 801px #FFF , 1824px 1480px #FFF , 170px 1864px #FFF , 1456px 787px #FFF , 1196px 234px #FFF , 250px 348px #FFF , 422px 745px #FFF , 904px 1961px #FFF , 21px 1904px #FFF , 1715px 326px #FFF , 748px 190px #FFF , 1618px 968px #FFF , 1442px 1041px #FFF , 1628px 524px #FFF , 1018px 1159px #FFF , 664px 1525px #FFF , 205px 302px #FFF , 874px 1645px #FFF , 720px 1132px #FFF , 1012px 1719px #FFF , 527px 251px #FFF , 863px 61px #FFF , 1871px 1167px #FFF , 1137px 1848px #FFF , 873px 499px #FFF , 525px 1716px #FFF , 1077px 334px #FFF , 1040px 478px #FFF , 461px 747px #FFF , 412px 1122px #FFF , 1447px 266px #FFF , 1511px 1110px #FFF , 3px 1563px #FFF , 631px 125px #FFF , 608px 911px #FFF , 928px 11px #FFF , 1971px 603px #FFF , 694px 534px #FFF , 528px 1942px #FFF , 1177px 119px #FFF , 761px 730px #FFF , 1235px 1742px #FFF , 442px 135px #FFF , 1864px 527px #FFF , 524px 708px #FFF , 1742px 1062px #FFF , 1684px 1125px #FFF , 1003px 158px #FFF , 570px 1156px #FFF , 330px 1294px #FFF , 1746px 1980px #FFF , 61px 1675px #FFF , 1112px 1555px #FFF , 688px 427px #FFF , 1244px 1936px #FFF , 698px 873px #FFF , 1490px 1482px #FFF , 1621px 1325px #FFF , 1306px 572px #FFF , 990px 1206px #FFF , 1093px 1067px #FFF , 552px 1597px #FFF , 984px 714px #FFF , 968px 330px #FFF , 214px 201px #FFF , 1029px 697px #FFF , 1468px 524px #FFF , 1018px 885px #FFF , 349px 473px #FFF , 1882px 790px #FFF , 65px 1291px #FFF , 698px 887px #FFF , 226px 1355px #FFF , 1029px 851px #FFF , 903px 1463px #FFF , 70px 764px #FFF , 1855px 598px #FFF , 338px 1188px #FFF , 1873px 1536px #FFF , 666px 669px #FFF , 756px 382px #FFF , 1675px 22px #FFF , 1917px 1927px #FFF , 281px 220px #FFF , 1131px 652px #FFF , 632px 1025px #FFF , 885px 1169px #FFF , 495px 128px #FFF , 248px 1435px #FFF , 895px 1370px #FFF , 1120px 1757px #FFF , 198px 861px #FFF , 1432px 651px #FFF , 1992px 1927px #FFF , 1086px 1366px #FFF , 927px 1656px #FFF , 1310px 912px #FFF , 1715px 904px #FFF , 680px 1820px #FFF , 359px 1974px #FFF , 1519px 1064px #FFF , 1031px 330px #FFF , 964px 1758px #FFF , 433px 251px #FFF , 894px 940px #FFF , 1629px 316px #FFF , 1516px 906px #FFF , 1228px 1069px #FFF , 1277px 784px #FFF , 701px 1785px #FFF , 30px 987px #FFF , 1810px 1697px #FFF , 1270px 1603px #FFF , 1739px 1105px #FFF , 82px 1031px #FFF , 1680px 1686px #FFF , 1943px 25px #FFF , 1495px 1670px #FFF , 1720px 1240px #FFF , 1083px 1486px #FFF , 1827px 908px #FFF , 1227px 1915px #FFF , 818px 268px #FFF , 318px 757px #FFF , 17px 987px #FFF , 1144px 1329px #FFF , 126px 1217px #FFF , 1490px 1010px #FFF , 548px 1998px #FFF , 1234px 103px #FFF , 567px 1593px #FFF , 754px 841px #FFF;
  opacity: .3;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1616px 1551px #FFF , 1150px 1097px #FFF , 1259px 321px #FFF , 604px 671px #FFF , 1450px 261px #FFF , 1957px 165px #FFF , 1703px 547px #FFF , 1983px 1228px #FFF , 464px 39px #FFF , 1846px 1428px #FFF , 494px 89px #FFF , 1549px 1189px #FFF , 1640px 1713px #FFF , 51px 1363px #FFF , 1980px 606px #FFF , 309px 83px #FFF , 1110px 1003px #FFF , 1564px 568px #FFF , 242px 1259px #FFF , 1580px 946px #FFF , 84px 746px #FFF , 336px 983px #FFF , 24px 879px #FFF , 1837px 641px #FFF , 366px 1138px #FFF , 1637px 543px #FFF , 490px 1068px #FFF , 1693px 1656px #FFF , 71px 1181px #FFF , 272px 991px #FFF , 1986px 339px #FFF , 1184px 1317px #FFF , 295px 1032px #FFF , 29px 1239px #FFF , 289px 1886px #FFF , 1997px 1090px #FFF , 1794px 950px #FFF , 188px 1701px #FFF , 1522px 640px #FFF , 819px 554px #FFF , 655px 248px #FFF , 856px 1203px #FFF , 1372px 472px #FFF , 593px 827px #FFF , 1365px 508px #FFF , 357px 1525px #FFF , 241px 305px #FFF , 1994px 1545px #FFF , 330px 1681px #FFF , 1863px 1480px #FFF , 145px 768px #FFF , 181px 1664px #FFF , 1751px 1945px #FFF , 1389px 977px #FFF , 855px 156px #FFF , 1142px 1163px #FFF , 273px 427px #FFF , 1757px 676px #FFF , 1328px 1070px #FFF , 1722px 1656px #FFF , 181px 1882px #FFF , 927px 299px #FFF , 1317px 1693px #FFF , 1927px 869px #FFF , 1321px 655px #FFF , 1392px 1697px #FFF , 1832px 1321px #FFF , 1048px 243px #FFF , 1786px 1639px #FFF , 306px 533px #FFF , 1330px 455px #FFF , 1666px 1691px #FFF , 1577px 1959px #FFF , 1998px 1px #FFF , 1670px 1516px #FFF , 4px 657px #FFF , 430px 1296px #FFF , 224px 1862px #FFF , 1013px 1029px #FFF , 755px 1251px #FFF , 943px 1684px #FFF , 641px 833px #FFF , 390px 285px #FFF , 1238px 484px #FFF , 1801px 63px #FFF , 1355px 53px #FFF , 1572px 713px #FFF , 1836px 1400px #FFF , 1075px 644px #FFF , 1869px 1392px #FFF , 1547px 245px #FFF , 1154px 635px #FFF , 1259px 1710px #FFF , 880px 1505px #FFF , 920px 1338px #FFF , 604px 473px #FFF , 374px 1010px #FFF , 1142px 1255px #FFF , 56px 91px #FFF , 1359px 190px #FFF , 1292px 1749px #FFF , 541px 1631px #FFF , 712px 77px #FFF , 929px 633px #FFF , 1246px 1491px #FFF , 1324px 45px #FFF , 1096px 358px #FFF , 1236px 971px #FFF , 1701px 1856px #FFF , 606px 430px #FFF , 1356px 1513px #FFF , 1676px 763px #FFF , 1335px 769px #FFF , 1766px 609px #FFF , 1521px 889px #FFF , 1517px 1291px #FFF , 269px 486px #FFF , 340px 44px #FFF , 1378px 581px #FFF , 925px 812px #FFF , 1430px 259px #FFF , 1813px 567px #FFF , 554px 14px #FFF , 146px 1418px #FFF , 392px 32px #FFF , 1092px 1436px #FFF , 1172px 732px #FFF , 604px 162px #FFF , 618px 1283px #FFF , 225px 1363px #FFF , 466px 552px #FFF , 1570px 466px #FFF , 330px 1855px #FFF , 1980px 13px #FFF , 225px 944px #FFF , 717px 1041px #FFF , 553px 253px #FFF , 1772px 1489px #FFF , 73px 1110px #FFF , 1501px 923px #FFF , 438px 1961px #FFF , 85px 1856px #FFF , 1292px 116px #FFF , 1775px 84px #FFF , 1552px 165px #FFF , 1093px 1812px #FFF , 708px 228px #FFF , 1364px 80px #FFF , 1834px 1354px #FFF , 276px 670px #FFF , 10px 536px #FFF , 674px 554px #FFF , 557px 1869px #FFF , 1648px 642px #FFF , 106px 519px #FFF , 765px 115px #FFF , 1662px 419px #FFF , 835px 1845px #FFF , 1137px 623px #FFF , 297px 290px #FFF , 1960px 1137px #FFF , 1997px 1275px #FFF , 236px 139px #FFF , 1762px 185px #FFF , 1961px 1026px #FFF , 122px 1910px #FFF , 654px 578px #FFF , 747px 1114px #FFF , 1202px 1608px #FFF , 1260px 18px #FFF , 709px 1717px #FFF , 465px 821px #FFF , 400px 546px #FFF , 1765px 1315px #FFF , 1670px 114px #FFF , 790px 29px #FFF , 806px 323px #FFF , 499px 1561px #FFF , 1347px 1173px #FFF , 1690px 185px #FFF , 125px 1666px #FFF , 1982px 1271px #FFF , 240px 1243px #FFF , 196px 1759px #FFF , 1442px 398px #FFF , 1873px 1482px #FFF , 1149px 1044px #FFF , 426px 1599px #FFF , 1864px 105px #FFF , 1020px 851px #FFF , 745px 1967px #FFF , 344px 1280px #FFF , 1583px 1949px #FFF , 1954px 1114px #FFF , 1913px 1318px #FFF , 1447px 1919px #FFF , 1682px 104px #FFF , 12px 1677px #FFF , 296px 222px #FFF , 844px 657px #FFF;
  animation: animDust 100s linear infinite;
  opacity: .2;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1616px 1551px #FFF , 1150px 1097px #FFF , 1259px 321px #FFF , 604px 671px #FFF , 1450px 261px #FFF , 1957px 165px #FFF , 1703px 547px #FFF , 1983px 1228px #FFF , 464px 39px #FFF , 1846px 1428px #FFF , 494px 89px #FFF , 1549px 1189px #FFF , 1640px 1713px #FFF , 51px 1363px #FFF , 1980px 606px #FFF , 309px 83px #FFF , 1110px 1003px #FFF , 1564px 568px #FFF , 242px 1259px #FFF , 1580px 946px #FFF , 84px 746px #FFF , 336px 983px #FFF , 24px 879px #FFF , 1837px 641px #FFF , 366px 1138px #FFF , 1637px 543px #FFF , 490px 1068px #FFF , 1693px 1656px #FFF , 71px 1181px #FFF , 272px 991px #FFF , 1986px 339px #FFF , 1184px 1317px #FFF , 295px 1032px #FFF , 29px 1239px #FFF , 289px 1886px #FFF , 1997px 1090px #FFF , 1794px 950px #FFF , 188px 1701px #FFF , 1522px 640px #FFF , 819px 554px #FFF , 655px 248px #FFF , 856px 1203px #FFF , 1372px 472px #FFF , 593px 827px #FFF , 1365px 508px #FFF , 357px 1525px #FFF , 241px 305px #FFF , 1994px 1545px #FFF , 330px 1681px #FFF , 1863px 1480px #FFF , 145px 768px #FFF , 181px 1664px #FFF , 1751px 1945px #FFF , 1389px 977px #FFF , 855px 156px #FFF , 1142px 1163px #FFF , 273px 427px #FFF , 1757px 676px #FFF , 1328px 1070px #FFF , 1722px 1656px #FFF , 181px 1882px #FFF , 927px 299px #FFF , 1317px 1693px #FFF , 1927px 869px #FFF , 1321px 655px #FFF , 1392px 1697px #FFF , 1832px 1321px #FFF , 1048px 243px #FFF , 1786px 1639px #FFF , 306px 533px #FFF , 1330px 455px #FFF , 1666px 1691px #FFF , 1577px 1959px #FFF , 1998px 1px #FFF , 1670px 1516px #FFF , 4px 657px #FFF , 430px 1296px #FFF , 224px 1862px #FFF , 1013px 1029px #FFF , 755px 1251px #FFF , 943px 1684px #FFF , 641px 833px #FFF , 390px 285px #FFF , 1238px 484px #FFF , 1801px 63px #FFF , 1355px 53px #FFF , 1572px 713px #FFF , 1836px 1400px #FFF , 1075px 644px #FFF , 1869px 1392px #FFF , 1547px 245px #FFF , 1154px 635px #FFF , 1259px 1710px #FFF , 880px 1505px #FFF , 920px 1338px #FFF , 604px 473px #FFF , 374px 1010px #FFF , 1142px 1255px #FFF , 56px 91px #FFF , 1359px 190px #FFF , 1292px 1749px #FFF , 541px 1631px #FFF , 712px 77px #FFF , 929px 633px #FFF , 1246px 1491px #FFF , 1324px 45px #FFF , 1096px 358px #FFF , 1236px 971px #FFF , 1701px 1856px #FFF , 606px 430px #FFF , 1356px 1513px #FFF , 1676px 763px #FFF , 1335px 769px #FFF , 1766px 609px #FFF , 1521px 889px #FFF , 1517px 1291px #FFF , 269px 486px #FFF , 340px 44px #FFF , 1378px 581px #FFF , 925px 812px #FFF , 1430px 259px #FFF , 1813px 567px #FFF , 554px 14px #FFF , 146px 1418px #FFF , 392px 32px #FFF , 1092px 1436px #FFF , 1172px 732px #FFF , 604px 162px #FFF , 618px 1283px #FFF , 225px 1363px #FFF , 466px 552px #FFF , 1570px 466px #FFF , 330px 1855px #FFF , 1980px 13px #FFF , 225px 944px #FFF , 717px 1041px #FFF , 553px 253px #FFF , 1772px 1489px #FFF , 73px 1110px #FFF , 1501px 923px #FFF , 438px 1961px #FFF , 85px 1856px #FFF , 1292px 116px #FFF , 1775px 84px #FFF , 1552px 165px #FFF , 1093px 1812px #FFF , 708px 228px #FFF , 1364px 80px #FFF , 1834px 1354px #FFF , 276px 670px #FFF , 10px 536px #FFF , 674px 554px #FFF , 557px 1869px #FFF , 1648px 642px #FFF , 106px 519px #FFF , 765px 115px #FFF , 1662px 419px #FFF , 835px 1845px #FFF , 1137px 623px #FFF , 297px 290px #FFF , 1960px 1137px #FFF , 1997px 1275px #FFF , 236px 139px #FFF , 1762px 185px #FFF , 1961px 1026px #FFF , 122px 1910px #FFF , 654px 578px #FFF , 747px 1114px #FFF , 1202px 1608px #FFF , 1260px 18px #FFF , 709px 1717px #FFF , 465px 821px #FFF , 400px 546px #FFF , 1765px 1315px #FFF , 1670px 114px #FFF , 790px 29px #FFF , 806px 323px #FFF , 499px 1561px #FFF , 1347px 1173px #FFF , 1690px 185px #FFF , 125px 1666px #FFF , 1982px 1271px #FFF , 240px 1243px #FFF , 196px 1759px #FFF , 1442px 398px #FFF , 1873px 1482px #FFF , 1149px 1044px #FFF , 426px 1599px #FFF , 1864px 105px #FFF , 1020px 851px #FFF , 745px 1967px #FFF , 344px 1280px #FFF , 1583px 1949px #FFF , 1954px 1114px #FFF , 1913px 1318px #FFF , 1447px 1919px #FFF , 1682px 104px #FFF , 12px 1677px #FFF , 296px 222px #FFF , 844px 657px #FFF;
  opacity: .4;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1036px 353px #FFF , 591px 560px #FFF , 286px 1348px #FFF , 876px 966px #FFF , 736px 1817px #FFF , 1907px 1789px #FFF , 708px 1151px #FFF , 1796px 125px #FFF , 904px 181px #FFF , 151px 1322px #FFF , 1612px 232px #FFF , 1252px 1088px #FFF , 761px 1106px #FFF , 1343px 602px #FFF , 1012px 1180px #FFF , 139px 933px #FFF , 233px 642px #FFF , 1302px 1487px #FFF , 760px 44px #FFF , 895px 443px #FFF , 962px 1487px #FFF , 718px 1154px #FFF , 725px 576px #FFF , 477px 1202px #FFF , 692px 1645px #FFF , 514px 1897px #FFF , 409px 312px #FFF , 1088px 225px #FFF , 649px 118px #FFF , 1199px 1007px #FFF , 892px 1419px #FFF , 847px 1828px #FFF , 1536px 1610px #FFF , 1760px 817px #FFF , 488px 286px #FFF , 1138px 1768px #FFF , 1907px 1023px #FFF , 797px 1685px #FFF , 609px 70px #FFF , 1191px 1791px #FFF , 1480px 1005px #FFF , 1038px 1004px #FFF , 1485px 1889px #FFF , 1992px 556px #FFF , 604px 26px #FFF , 589px 1075px #FFF , 696px 373px #FFF , 514px 615px #FFF , 573px 1643px #FFF , 1585px 104px #FFF , 1334px 1947px #FFF , 1090px 754px #FFF , 188px 1977px #FFF , 1147px 956px #FFF , 769px 1675px #FFF , 1023px 27px #FFF , 1496px 1281px #FFF , 183px 490px #FFF , 1895px 668px #FFF , 259px 969px #FFF , 1193px 1961px #FFF , 1400px 1469px #FFF , 1184px 1025px #FFF , 1834px 1845px #FFF , 946px 673px #FFF , 1900px 1809px #FFF , 4px 700px #FFF , 1868px 259px #FFF , 1851px 1528px #FFF , 842px 803px #FFF , 1066px 1304px #FFF , 442px 788px #FFF , 1808px 807px #FFF , 500px 1294px #FFF , 197px 1206px #FFF , 1169px 554px #FFF , 1177px 1865px #FFF , 391px 1066px #FFF , 431px 1746px #FFF , 626px 1289px #FFF , 1291px 630px #FFF , 660px 762px #FFF , 1308px 1652px #FFF , 1117px 604px #FFF , 1688px 304px #FFF , 1148px 673px #FFF , 1767px 1401px #FFF , 1451px 644px #FFF , 1953px 55px #FFF , 668px 1290px #FFF , 901px 1793px #FFF , 212px 320px #FFF , 328px 1577px #FFF , 1870px 1794px #FFF , 988px 421px #FFF , 81px 968px #FFF , 1460px 178px #FFF , 1966px 1117px #FFF , 197px 1563px #FFF , 1645px 194px #FFF;
  animation: animDust 150s linear infinite;
  opacity: .6;
  filter: blur(1px);
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1036px 353px #FFF , 591px 560px #FFF , 286px 1348px #FFF , 876px 966px #FFF , 736px 1817px #FFF , 1907px 1789px #FFF , 708px 1151px #FFF , 1796px 125px #FFF , 904px 181px #FFF , 151px 1322px #FFF , 1612px 232px #FFF , 1252px 1088px #FFF , 761px 1106px #FFF , 1343px 602px #FFF , 1012px 1180px #FFF , 139px 933px #FFF , 233px 642px #FFF , 1302px 1487px #FFF , 760px 44px #FFF , 895px 443px #FFF , 962px 1487px #FFF , 718px 1154px #FFF , 725px 576px #FFF , 477px 1202px #FFF , 692px 1645px #FFF , 514px 1897px #FFF , 409px 312px #FFF , 1088px 225px #FFF , 649px 118px #FFF , 1199px 1007px #FFF , 892px 1419px #FFF , 847px 1828px #FFF , 1536px 1610px #FFF , 1760px 817px #FFF , 488px 286px #FFF , 1138px 1768px #FFF , 1907px 1023px #FFF , 797px 1685px #FFF , 609px 70px #FFF , 1191px 1791px #FFF , 1480px 1005px #FFF , 1038px 1004px #FFF , 1485px 1889px #FFF , 1992px 556px #FFF , 604px 26px #FFF , 589px 1075px #FFF , 696px 373px #FFF , 514px 615px #FFF , 573px 1643px #FFF , 1585px 104px #FFF , 1334px 1947px #FFF , 1090px 754px #FFF , 188px 1977px #FFF , 1147px 956px #FFF , 769px 1675px #FFF , 1023px 27px #FFF , 1496px 1281px #FFF , 183px 490px #FFF , 1895px 668px #FFF , 259px 969px #FFF , 1193px 1961px #FFF , 1400px 1469px #FFF , 1184px 1025px #FFF , 1834px 1845px #FFF , 946px 673px #FFF , 1900px 1809px #FFF , 4px 700px #FFF , 1868px 259px #FFF , 1851px 1528px #FFF , 842px 803px #FFF , 1066px 1304px #FFF , 442px 788px #FFF , 1808px 807px #FFF , 500px 1294px #FFF , 197px 1206px #FFF , 1169px 554px #FFF , 1177px 1865px #FFF , 391px 1066px #FFF , 431px 1746px #FFF , 626px 1289px #FFF , 1291px 630px #FFF , 660px 762px #FFF , 1308px 1652px #FFF , 1117px 604px #FFF , 1688px 304px #FFF , 1148px 673px #FFF , 1767px 1401px #FFF , 1451px 644px #FFF , 1953px 55px #FFF , 668px 1290px #FFF , 901px 1793px #FFF , 212px 320px #FFF , 328px 1577px #FFF , 1870px 1794px #FFF , 988px 421px #FFF , 81px 968px #FFF , 1460px 178px #FFF , 1966px 1117px #FFF , 197px 1563px #FFF , 1645px 194px #FFF;
  opacity: .4;
}


@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

@keyframes animDust {
  from {
    transform: translateY(-2000px);
  }
  to {
    transform: translateY(0px);
  }
}


/* CSS hacks for detecting IE */
/* the fallback for IE 10, 11 and Edge. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .guide-list .cols__grid-item:hover .cols__grid-item--img picture::after {
        opacity: .6;
    }
}
@supports (-ms-ime-align:auto) {
    .guide-list .cols__grid-item:hover .cols__grid-item--img picture::after {
        opacity: .6;
    }
}

/* sponsor list */
.sponsor-list {padding-left: 0; margin-top: 0;}
.sponsor-list li {margin: 10px 15px; /*color: #f2f2f2;*/ font-size: .875rem; color: rgba(255,255,255,.6); cursor: default;}
[class^="sp-logo-"], [class*="sp-logo-"] {
	min-height: 60px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	vertical-align: middle;
	opacity: .6;
}
[class^="sp-logo-"]:hover, [class*="sp-logo-"]:hover, .sponsor-list li:hover {opacity: 1; color: rgba(255,255,255);}

.sp-logo-moc {background-image: url(../images/logo-moc.svg);}
.sp-logo-moea {background-image: url(../images/logo-moea.svg);}
.sp-logo-cip {background-image: url(../images/logo-cip.svg);}
.sp-logo-taipei {background-image: url(../images/logo-taipei.svg);}
.sp-logo-culture {background-image: url(../images/logo-culture.svg); background-position: 0% 70%;}
.sp-logo-edu {background-image: url(../images/logo-edu.svg); width: 66px; height: 66px;}
.sp-logo-kcg {background-image: url(../images/logo-kcg.svg); width: 66px; height: 66px;}
.sp-logo-cnx {background-image: url(../images/logo-cnx.svg); width: 96px;}
.sp-logo-vogue {background-image: url(../images/logo-vogue.svg); width: 96px;}
.sp-logo-gq {background-image: url(../images/logo-gq.svg); width: 56px;}
.sp-logo-set {background-image: url(../images/logo-set.svg); width: 135px;}
.sp-logo-marie-claire {background-image: url(../images/logo-marie-claire.svg); width: 108px;}
.sp-logo-elle {background-image: url(../images/logo-elle.svg); width: 96px;}
.sp-logo-bazaar {background-image: url(../images/logo-bazaar.svg); width: 115px;}
.sp-logo-cosmopolitan {background-image: url(../images/logo-cosmopolitan.svg); width: 128px;}
.sp-logo-beautimode {background-image: url(../images/logo-beautimode.svg); width: 75px; height: 60px; margin-top: -30px;}
.sp-logo-womens-health {background-image: url(../images/logo-womens-health.svg); width: 75px; height: 60px; margin-top: -10px;}
.sp-logo-hahatai {background-image: url(../images/logo-hahatai.svg); width: 75px; height: 60px;}
.sp-logo-cht {background-image: url(../images/logo-cht.svg); width: 110px;}
.sp-logo-twbeer {background-image: url(../images/logo-twbeer.svg); width: 84px;}
.sp-logo-omar {background-image: url(../images/logo-omar.svg); width: 110px;}
.sp-logo-hncb {background-image: url(../images/logo-hncb.png); width: 110px; height: 70px;}
.sp-logo-bobbi-brown {background-image: url(../images/logo-bobbi-brown.svg); width: 125px;}
.sp-logo-chase {background-image: url(../images/logo-chase.svg); width: 100px}
.sp-logo-mac {background-image: url(../images/logo-mac.svg); width: 110px;}
.sp-logo-loreal {background-image: url(../images/logo-loreal.svg); width: 60px;}
.sp-logo-eclat {background-image: url(../images/logo-eclat.svg); width: 80px;}
.sp-logo-csd {background-image: url(../images/logo-csd.svg); width: 84px;}
.sp-logo-sawaa {background-image: url(../images/logo-sawaa.svg); width: 80px;}
.sp-logo-tranzend {background-image: url(../images/logo-tranzend.svg); width: 110px;}
.sp-logo-sylvia {background-image: url(../images/logo-silvia-wang.svg); width: 105px}
.sp-logo-ej {background-image: url(../images/logo-ej.png); width: 46px; height: 75px;}
.sp-logo-bv {background-image: url(../images/logo-bv.svg); width: 84px;}
.sp-logo-barcelo {background-image: url(../images/logo-barcelo.svg); width: 84px;}
.sp-logo-brandwerk {background-image: url(../images/logo-brandwerk.png); width: 66px; height: 66px;}
.sp-logo-pico {background-image: url(../images/logo-pico.svg); width: 80px;}
.sp-logo-ifplus {background-image: url(../images/logo-ifplus.svg); width: 60px;}
.sp-logo-greenvines {background-image: url(../images/logo-greenvines.svg); width: 125px}
.sp-logo-bemo {background-image: url(../images/logo-bemo.png); width: 46px; height: 75px;}
.sp-logo-sony-pictures {background-image: url(../images/logo-sony-pictures.svg); width: 46px; height: 75px;}
.sp-logo-xpore {background-image: url(../images/logo-xpore.svg); width: 80px;}
.sp-logo-mufe {background-image: url(../images/logo-mufe.svg); width: 80px;}
.sp-logo-hnb {background-image: url(../images/logo-hnb.svg); width: 105px;}
.sp-logo-layered {background-image: url(../images/logo-layered.svg); width: 110px;}
.sp-logo-tw-excellence {background-image: url(../images/logo-tw-excellence.svg); width: 100px;}
.sp-logo-aromase {background-image: url(../images/logo-aromase.svg); width: 100px;}
.sp-logo-no-germs {background-image: url(../images/logo-no-germs.svg); width: 100px;}
.sp-logo-crazyhot-youngman {background-image: url(../images/logo-crazyhot-youngman.svg); width: 75px; height: 75px;}
.sp-logo-crosspace {background-image: url(../images/logo-crosspace.png); width: 100px;}
.sp-logo-fora {background-image: url(../images/logo-fora.svg); width: 120px;}



.sponsor-list li.sp-logo-moc, .sponsor-list li.sp-logo-moea, .sponsor-list li.sp-logo-cip, .sp-logo-taipei, .sp-logo-culture {
    width: 33%;
    margin: 0;
    background-size: 90%;
}
.sp-logo-culture {
    background-size: 85%;
}
.sp-logo-taipei {
    overflow: visible;
    position: relative;
}
.sp-logo-taipei::after {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    transform: rotate(15deg);
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
}

.sponsor-list.default-flex, .sponsor-list.centered-flex {
	display: flex;
	flex-wrap: wrap;
}
.sponsor-list.centered-flex {
    align-content: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

@media (min-width: 600px) {
	.sponsor-list.centered-flex {
		align-content: flex-start;
		display: flex;
		justify-content: left;
		flex-wrap: wrap;
		align-items: center;
	}
    .sponsor-list li.sp-logo-moc {width: 150px;}
    .sponsor-list li.sp-logo-moea {width: 120px;}
    .sponsor-list li.sp-logo-cip {width: 140px;}
    .sp-logo-taipei {width: 130px;}
    .sp-logo-culture {width: 120px;}
    .sp-logo-edu {width: 75px; height: 75px;}
    .sp-logo-cnx {width: 135px;}
    .sp-logo-vogue {width: 125px;}
    .sp-logo-gq {width: 72px;}
    .sp-logo-marie-claire {width: 140px;}
    .sp-logo-beautimode {width: 85px; height: 65px;}
    .sp-logo-cht {width: 110px;}
    .sp-logo-twbeer {width: 84px;}
    .sp-logo-omar {width: 110px;}
    .sp-logo-hncb {width: 110px; height: 70px;}
    .sp-logo-bobbi-brown {width: 160px;}
    .sp-logo-mac {width: 130px;}
    .sp-logo-loreal {width: 100px; height: 72px;}
    .sp-logo-eclat {width: 90px;}
    .sp-logo-csd {width: 100px;}
    .sp-logo-sawaa {width: 110px;}
    .sp-logo-tranzend {width: 130px;}
    .sp-logo-sylvia {width: 120px;}
    .sp-logo-ej {width: 54px; height: 90px;} 
    .sp-logo-bv {width: 90px;}
    .sp-logo-barcelo {width: 84px; height: 60px;}
    .sp-logo-brandwerk {width: 72px; height: 72px;}
    .sp-logo-chase {width: 100px}
    .sp-logo-pico {width: 90px;}
    .sp-logo-ifplus {width: 70px;}
    .sponsor-list li.sp-logo-moc, .sponsor-list li.sp-logo-moea, .sponsor-list li.sp-logo-cip, .sp-logo-taipei, .sp-logo-culture {
        background-size: contain;
    }
    .sponsor-list li.sp-logo-moc, .sponsor-list li.sp-logo-moea, .sponsor-list li.sp-logo-cip {
        margin: 10px 15px;
    }
}

/* common form setting */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: .875rem;
    line-height: 1.428571429;
    color: #555;
    background-color: rgba(255,255,255,.6);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.form--inner {
    padding: 23px 30px;
    max-width: 320px;
    margin: auto;
}

.form--text {
    line-height: 1.5em;
}

.form--input {
    border-color: #F2F2F2;
    border-radius: 50px;
    box-shadow: none;
    padding: 15px 25px 15px 15px;
    height: auto;
    transition-duration: .3s;
    color: #2D2E2F;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: auto;
}
#copyHashtag {
    border-radius: 30px;
    padding: 15px 25px 60px;
    width: 95%;
    height: auto;
    min-height: 6em;
    margin: 0;
}
#copyButton {
    margin: 20px 20px 20px 0;
}

@media (min-width: 980px) {
    #copyHashtag {
        width: 55%;
        padding-bottom: 15px;
    }
}

@media (min-width: 1600px) {
    #copyHashtag {
        width: 44%;
        padding-bottom: 15px;
    }
}


/* Common button setting */
.btn {
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1em;
    margin-bottom: 4px;
    padding: 13px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.1s ease-in 0s, color 0.1s ease-in 0s, border 0.1s ease-in 0s;
    min-width: 200px;
    word-break: keep-all;
    white-space: nowrap;
}
.tpefw-designer--nav .btn {
    min-width: 0;
}
.btn-primary {
    color: #fff;
    background: #94795c;
    border-color: #94795c;
}
.btn-primary:hover, .btn-inverted {
	color: #fff;
    background: transparent;
    border-color: #fff;
}
.btn-inverted:hover {
    color: #fff;
    background: #2f9c99;
    border-color: #2f9c99;
}
.btn-secondary {
    color: #0057ff;
    background: #fff;
    border-color: #0057ff;
}
.btn-secondary:hover {
    color: #fff;
    background: #0057ff;
    border-color: #0057ff;
}
.btn-disable, .btn-disable:hover {
    color: rgb(201, 204, 202);
    background: rgb(242, 242, 242);
    border-color: rgb(242, 242, 242);
}
.btn-secondary.btn-disable, .btn-secondary.btn-disable:hover {
	color: rgb(201, 204, 202);
	background: transparent;
    border-color: rgb(201, 204, 202);
}
.btn.btn-sm, .btn.btn--tag {
    border-width: 1px;
    letter-spacing: 2px;
    line-height: 1.2;
    margin: 0px 8px 8px 0px;
    padding: 7px 12px;
    transition-property: color, background-color, border-color;
    min-width: 0;
}
.btn.btn-lg {
    padding: 17px 32px;
}
.btn.btn-xl {
    padding: 21px 32px;
}
.btn.btn--tag {
    width: auto;
}
.btn-primary.btn--tag:hover {
	color: rgb(46, 48, 47);
    background: rgb(218, 244, 0);
    border-color: rgb(218, 244, 0);
}
.btn.btn-icon {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 0;
    min-width: 0;
}
.btn > :nth-child(n+1) {
    margin-left: 8px;
}
.btn-icon svg, .btn.btn-icon > :nth-child(n+1) {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}
.btn-share {
    background-color: #fff;
    border: 2px solid #0057ff;
    color: #0057ff;
}
.btn-share:hover {
    background-color: #0057ff;
    border-color: #0057ff;
    color: #fff;
}
.btn.btn-bktop {
    height: 64px;
    width: 64px;
    min-width: 0;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0;
}
.btn.btn-bktop > :nth-child(n+1) {
    margin-left: 0;
    margin: 0 auto;
}

.is--fixed {
    position: fixed;
    right: 5vw;
    bottom: 5vw;
    z-index: 999;
}
.btn-share.is--fixed {
    height: 64px;
    width: 64px;
}

.txt-111 {
    color: #111;
}

/* footer */
footer {
    background-color: rgb(7, 7, 7);
    color: rgb(255, 255, 255);
    position: relative;
}
.footer-global {
    font-weight: 500;
    text-align: center;
}
.footer-local {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 999;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.logo-wrapper {
    position: relative;
    height: 100%;
    min-height: 100px;
    /*background-color: rgba(255, 255, 255, 0.1);*/
    overflow: hidden;
}
.logo-brand {
    width: 100%;
    height: 256px;
    margin-top: -128px;
    position: absolute;
    top: 50%;
    z-index: auto;
}
.logo-brand svg {
    height: calc(100% + 24px);
    margin-top: -12px;
    margin-bottom: -12px;
    margin-left: -24px;
}
.logo-corp {
    margin: 24px auto;
}
.logo-dept {
    margin-top: -12px;
}
.market-switcher--toggle {
    height: 48px;
}
.social-wrapper {
    position: absolute;
    top: 26px;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 1;
}
.social-wrapper .btn-share {
    background: transparent;
    border-color: rgb(202,204,206);
}
.social-wrapper .btn-share > svg {
    fill: rgb(202,204,206);
}
.social-wrapper .btn-share:not(:last-of-type) {
    margin-right: 12px;
}
.social-wrapper .btn-share:hover {
    border-color: #f30;
}
.social-wrapper .btn-share:hover > svg {
    fill: #f30;
}
.pushy .social-wrapper {
    justify-content: left;
    padding-left: 30px;
    position: relative;
}
.footer-link{
    margin: 16px auto;
    padding: 0;
}
.footer-link > li {
    margin: 0;
    padding: 0;
}
.footer-link a {
    color: rgb(255, 255, 255);
    font-feature-settings: normal;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25rem;
    display: block;
    margin: 6px 12px;
    text-align: center;
    white-space: nowrap;
}
.copyright {
    list-style-type: none;
    font-feature-settings: normal;
    line-break: auto;
    font-size: .75rem;
    line-height: 1rem;
    color: rgb(201, 204, 202);
    margin: 32px auto 0;
    padding-bottom: 32px;
}

@media (min-width: 600px) {
    .social-wrapper {
        top: 76px;
    }
    .logo-wrapper {
        min-height: 200px;
    }
    .logo-brand {
        height: 200px;
        margin-top: -100px;
    }
    .logo-corp {
        margin-top: 12px;
        margin-bottom: 16px;
    }
    .footer-link li {
        display: inline-block;
    }
}

@media (min-width: 980px) {
    .social-wrapper {
        top: 26px;
        -webkit-box-pack: end;
        justify-content: center;
        text-align: right;
        position: relative;
    }
    .logo-wrapper {
        min-height: 100px;
    }
    .logo-brand {
        height: 100px;
        margin-top: 0px;
        top: auto;
        bottom: 0px;
    }
    .market-switcher--toggle {
        height: 56px;
    }
    .tpefw-designer--nav .btn {
        min-width: 200px;
    }
    .footer-local {
        position: relative;
    }
}

@media (min-width: 1200px) {
    .social-wrapper {
        top: 76px;
    }
    .logo-wrapper {
        min-height: 200px;
    }
    .logo-brand {
        height: 200px;
        margin-top: 0px;
        top: auto;
    }
    /*.logo-brand svg {
        margin-left: 32px;
    }*/
    .logo-corp {
        margin-top: 24px;
    }
    .wrapper-width {
        max-width: 1440px;
        margin-left: 5vw;
        margin-right: 5vw;
    }
}

@media (min-width: 1540px) {
    .wrapper-width, .social-wrapper {
        margin-left: auto;
        margin-right: auto;
    }
}

/*
Responsive Landing Page
Parth Shah
https://codepen.io/parthshah000/pen/WQVxJo
*/

@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);
.cd-main #content p {
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-size: 1.5rem;
  margin: 0 auto;
  padding: 0;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}
.cd-main #content p:last-child {
  font-size: 0.75rem;
  font-weight: 700;
  margin: 3em auto;
  padding: 0;
  letter-spacing: 0.1rem;
}
.cd-main #content p:last-child > a {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease-in;
}
.cd-main #content p:last-child > a:hover {
  color: #fff;
}
.cd-main #content section {
  color: #fff;
  margin: 0 auto;
  line-height: 24px;
  font-size: 1rem;
  font-weight: 700;
}
.cd-main #content section ul {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
}
.cd-main #content section ul li {
  display: inline-block;
  margin-right: 2rem;
  width: 6rem;
}
.cd-main #content section .timenumbers {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0 auto;
  text-align: center;
}
.cd-main #content section p.timedescription {
  font-size: 0.5rem;
  font-variant: small-caps;
  line-height: 1.5rem;
  margin: 0 auto 1.5rem;
  text-align: center;
  position: relative;
  top: 0px;
}

.tpefw-live .cd-main {
    text-align: center;
}
.tpefw-live .cd-main h3 {
    font-size: 2rem;
}

/* Layout control */
.pull-left {
    float: left;
}
.pull-right {
    float: right;
    text-align: left;
}
.is--desktop {display: none !important;}
.is--mobile {display: block;}
.is--hide {visibility: hidden;}
.is--flex {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

@media (min-width: 600px) {
	.is--mobile {display: none;}
	.is--desktop {display: block;}
}
/* Icon Control */
.cw {
    transform: rotate(90deg);
}
.ccw {
    transform: rotate(-90deg);
}
.is--flip {
    transform: rotate(180deg);
}
/* vertical align centered */
/* nested structures way */
.tb {
    display: table;
    height: 100%;
}
.tb-cell {
    display: table-cell;
    vertical-align: middle;
}
/* position absolute way, you may need a parent element with position: relative */
.v-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

/* Breakpoints Example */
@media (max-width: 600px) {}
@media (max-width: 980px) {}
@media (max-width: 1200px) {}
@media (max-width: 1400px) {}
@media (max-width: 1540px) {}

/* Fixed Material Icon vertical alignment */
.material-icons, [class^="material-icons-"] {
	line-height: inherit;
	vertical-align: text-bottom;
}

/* Responsive video Embed by aspect ratio */
.aspect-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* default 16:9 aspect ratio */
  height: 0; overflow: hidden;
}
/* apply this class for specific aspect ratio */
.ratio-4by3 {padding-bottom: 75%;}
.ratio-3by2 {padding-bottom: 66.66%;}
.ratio-8by5 {padding-bottom: 62.5%}
.ratio-239by1 {padding-bottom: 41.84%}
.ratio-1by1 {padding-bottom: 100%;}

.aspect-wrapper iframe,
.aspect-wrapper object,
.aspect-wrapper embed,
.aspect-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .cf:after {content: " "; /* 1 */display: table; /* 2 */}
.cf:after {clear: both;}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {*zoom: 1;}

.googleMap{
    width: 100%;
}
.youtubeArea{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.aYoutube{
    flex-basis: 29%;
    width: 29%;
    margin: 20px 20px;
}
.aYoutube iframe{
    width: 100%;
}
.aYoutube p{
    text-align: center;
    font-weight: bold;
}
@media (max-width: 1024px) {
    .aYoutube{
        flex-basis: 44%;
        width: 44%;
    }

}
@media (max-width: 480px) {
    .aYoutube{
        flex-basis: 80%;
        width: 80%;
    }

}