@charset "UTF-8";
/* CSS Document */
html,body{  
	font-size:16px;
	font-weight:400;
	font-family:"DM Sans", 'Noto Sans TC', 'Noto Sans SC','Arial', sans-serif;
	
	color:#404040; 
	background:#fff;
	
 	width:100%; height:100%; margin:0;
	
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

img{ border:none; padding:0; margin:0;  }
a{ font-size:inherit; color:inherit; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);  }
body, html, div, select, input, textarea, img, span{ font-family:"DM Sans", 'Noto Sans TC', 'Noto Sans SC','Arial', sans-serif; -webkit-tap-highlight-color:rgba(0,0,0,0); }

h1,h2,h3,h4{ font-weight:inherit; font-size:inherit; line-height:inherit; margin:0; padding:0; display:inherit; }
p{ margin:0 0 1em 0; }
p:first-child{ margin-bottom:1em; }
p:last-child{ margin-bottom:0; }
div:nth-child(2) > p:first-child{ margin-top:1em; }

input{ background-color:transparent; border:none; color:#fff;  }
input:focus, textarea:focus{ outline:none; color:#fff;   }
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    background:#111; -webkit-box-shadow:inset 0 0 0px 9999px #111; box-shadow:inset 0 0 0px 9999px #111; color:#ffffff; -webkit-text-fill-color:#ffffff !important;
}

ul, li{  padding:0; margin-left:0.8em; list-style-type: decimal; }
ol, ol li{ margin-left:0; padding-left:0; }
ol{ margin-left:0em; margin-top:0; }
ol li{ margin-bottom:0em; list-style-position:inside;  }

button{ padding:0; margin:0; border:none; background-color:transparent; font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit; line-height:1; cursor:pointer; }
/*
.section-container.full-page.landing, .header-container .logo-container{ filter: grayscale(1)!important; }
*/
.clear{ clear:both; }
.seperator{ height:.8em; width:2px; margin:0 .4em; background:#003E3F; transform:translateY(0%)}
.mobile-linkbreak br{ display:none }

.mobile-linkbreak.type-ele{ white-space:normal}
.desktop-linkbreak.type-ele{ white-space:pre-wrap  }
 
/* text style */
.txt-black{ color:#000; }
.txt-white{ color:#fff; }
.txt-darkgrey{ color:#404040; }
.txt-darkgreen{ color:#003E3F; }
.txt-mint, .txt-white strong{ color:#56B4A6; }
.txt-lightgreen{ color:#5D8485; }

.txt-header{ font-size:4.6em; line-height:1.2  }
.footer-slogan-container.txt-header{ font-size:6.4em; }
.txt-home-header{ font-size:3.7em; line-height:1.2  }
.txt-subhead{ font-size:2.5em; font-weight:500;  }
.txt-headline{ font-size:2em; }
.txt-cta{ font-size:1.7em; font-weight:500; }
.txt-normal{ font-size:1.6em; line-height:1.4  }
.txt-small{ font-size:1.25em; }
.txt-menu{ font-size:1.25em; }
.txt-body{ font-size:1.2em; line-height:1.6  }
.txt-mini{ font-size:.85em; }

.txt-zh{ font-size:0.85em; transform:translateY(2%)}

.txt-reg{ font-weight:400;}
.txt-bold{ font-weight:600;}
.txt-xbold{ font-weight:800;}

.txt-stencil{ 
  font-family: "Allerta Stencil", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.txt-forty{ opacity:0.4}
.txt-sixty{ opacity:0.6}

strong{ font-weight:400; }

/* text style */


/* common */
.container-inner, .hammer-nav-container{ margin:0 auto; position:relative; max-width:1450px; width:calc(100% - 5em); height:100%;   }
.container-inner.flex{ display:flex; align-items:center; justify-content:space-between  }
.container-inner.flex.half{ align-items:flex-start; position:relative}
.container-inner.flex.half > div{ width:calc(50% - 1rem); position:relative;}
.container-inner.flex.half.realhalf > div{ width:50%; }

.full-frame-container{ position:relative; width:100%; }
.full-frame-container.flex.half > div{ width:50%; position:relative;}

.full-frame-container.flex{ display:flex; justify-content:space-between  }
.flex-to-center-container{ display:flex; align-items:center;}
.full-frame-container .flex-to-center{ margin:auto; max-width:calc(725px - 5em); width:calc(100% - 5em); padding:7em 0  }
@media only screen and (min-width:1611px) { .full-frame-container .flex-to-center{ margin-left:5em;  } }

.container-inner.flex.half, .full-frame-container.flex.half{ justify-content:flex-end ;}
.flex-to-full-height{  padding:3em 0 }
.flex-to-full-height.more-padding{  padding:4.5em 0 }
.flex-to-full-height.and-center{ display:flex; flex-direction:column; justify-content:center; padding: 0; }
.flex-to-full-height-poster{ height:100%; position:absolute!important; overflow:hidden; display:inline-block; left:0;   }  
.flex-to-full-height-poster .poster-container{ background-size:cover; background-position:center}
.flex-to-full-height-poster .poster-container img{ display:none}
/*
.flex-to-full-height{ display:flex; flex-direction:column; justify-content:space-between; position:absolute!important;  right:0; padding:3em 0 }

*/

.arrow-btn{ padding-right:1.5em; line-height:1; position:relative; }
.arrow-btn > .icon-arrow{ position:absolute; width:.9em; height:.9em; top:0%; right:0; }
.arrow-btn > .icon-arrow > div{ position:absolute; top:0%; background:#fff; }
.arrow-btn > .icon-arrow > div:nth-child(1){ right:0; width:100%; height:.1em; transform-origin:right center;  }
.arrow-btn > .icon-arrow > div:nth-child(2){ right:0; width:.1em; height:100%; transform-origin:top center; }
.arrow-btn > .icon-arrow > div:nth-child(3){ left:-5%; width:138%; height:.1em; top:100%; transform:rotate(-45deg); transform-origin:left top}

.arrow-btn.hover .icon-arrow, .arrow-btn.hover > .icon-arrow > div, .arrow-btn.hover > .icon-arrow > div{
	animation-duration:400ms; animation-timing-function:cubic-bezier(0,.75,.6,1);  animation-fill-mode:forwards;  animation-iteration-count:1; 
}

.arrow-btn.hover .icon-arrow{ animation-name:ani-arrow-btn; }
@keyframes ani-arrow-btn{
0%   {  transform:translate(-.1em,.1em)}
80%   { transform:translate(0,0)}	
100% {  transform:translate(0,0)}
}

.arrow-btn.hover > .icon-arrow > div:nth-child(1){ animation-name:ani-arrow-btn-a; }
@keyframes ani-arrow-btn-a{
0%   { transform:scale(0,1)}
60%   { transform:scale(0,1)}	
100% { transform:scale(1,1)}
}
.arrow-btn.hover > .icon-arrow > div:nth-child(2){ animation-name:ani-arrow-btn-b; }
@keyframes ani-arrow-btn-b{
0%   { transform:scale(1,0)}
60%   { transform:scale(1,0)}	
100% { transform:scale(1,1)}
}

.arrow-btn.hover > .icon-arrow > div:nth-child(3){ animation-name:ani-arrow-btn-c; animation-delay:0ms;  }
@keyframes ani-arrow-btn-c{
0%   { transform:rotate(-45deg) scale(0,1);}
100% { transform:rotate(-45deg) scale(1,1); }
}

.icon-arrow.down{ transform:rotate(90deg) }
.arrow-btn.hover .icon-arrow.down{ animation-name:ani-arrow-down-btn; }
@keyframes ani-arrow-down-btn{
0%   {  transform:translate(-.1em,-.1em) rotate(90deg)}
80%   { transform:translate(0,0) rotate(90deg)}	
100% {  transform:translate(0,0) rotate(90deg)}
}


.arrow-btn.back{ padding-right:0; padding-left:1.5em  }
.arrow-btn.back > .icon-arrow{   right:auto; left:0 }
.arrow-btn.back .icon-arrow{ transform:rotate(-90deg) }
.arrow-btn.back.hover .icon-arrow{ animation-name:ani-arrow-back-btn; }
@keyframes ani-arrow-back-btn{
0%   {  transform:translate(.1em,.1em) rotate(-90deg)}
80%   { transform:translate(0,0) rotate(-90deg)}	
100% {  transform:translate(0,0) rotate(-90deg)}
}

.arrow-btn.with-margin-top{ margin-top:.9em}
.arrow-btn.darkgreen{ color:#003E3F; }
.arrow-btn.darkgreen > .icon-arrow > div{ background:#003E3F; }
.arrow-btn.mint{ color:#56B4A6; }
.arrow-btn.mint > .icon-arrow > div{ background:#56B4A6; }
.arrow-btn.grey{ color:#404040; }
.arrow-btn.grey > .icon-arrow > div{ background:#404040; }

.collapse-text{  display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin-top:1em }
/*.collapse-text p { display: contents; }
.collapse-text p:after { content: "\A\A"; white-space:pre; }
.collapse-text p:before {  content: "\A";  white-space:normal; }

.collapse-text.active{  -webkit-line-clamp:9999;}
*/
.collapse-text{ height:9em; overflow:hidden; position:relative; margin-top:1em }
.collapse-text p{ line-height:1.5em!important; margin-bottom:1em;  }
.collapse-text.active{  /*height:20em;*/ transition:height 400ms ease-out; display:block}

.collapse-text.active::after {width: 0; visibility: hidden;  }

.readmore-btn{ text-decoration:underline; margin-top:1em; }
.readmore-btn.active{ display:none;}
.readmore-btn.hover{ color:#56B4A6 }


.headline-container{ height:1.2em; line-height:1.2; overflow:hidden; }
.headline-container > div > h2{ display:block}

/* common */


/* header */
.header-container{ position:fixed; width:100%; top:0; left:0; padding:2em 0; background:#fff; z-index:10; }
.logo-container{ height:4em;  line-height:1; margin:0; position:relative; }
.logo-container > img{ width:auto; height:100%}

.header-container > .container-inner{ display:flex; align-items:center; justify-content:space-between; }
.all-nav-container, .all-nav-container-inner, .all-nav-container-inner > div{ display:flex; align-items:center;  }
.all-nav-container-inner > div > a{ line-height:1;  } 
.all-nav-container-inner a.active{ color:#56B4A6; pointer-events:none;  }
.all-nav-container-inner a.hover{ color:#56B4A6; }
.nav-container .seperator{ margin:0 1.33em; }

.lang-container, .seperator:last-child{ /*display:none!important*/ }
/* header */



/* footer */
.footer-container{ position:relative;  padding:5em 0 2.5em 0; background:#003E3F;  }
.footer-cols-container{ display:flex; align-self: stretch; justify-content:space-between;  line-height:1.2;  }

.footer-sub-cols-container{ display: flex; align-items:flex-start; margin-top:1em; gap:4em }
.footer-sub-cols-container > div:nth-child(1){ }
.footer-sub-cols-container > div > div { margin-bottom:1em}
.footer-sub-cols-container.nolinebreak > div > div { margin-bottom:0em}

.footer-right-col{ display:flex; width:50%; max-width:35em; justify-content:space-between  }
.footer-right-col .footer-sub-cols-container{ gap:3em}
.footer-center-col > div:nth-child(2){ margin-top:2em}
.footer-last-col{ min-width:10em  }

.footer-right-col .footer-last-col .footer-sub-cols-container{ display:block}



.footer-left-col{ width:60%;}
.footer-left-col > div:nth-child(1){ display:none; }

.footer-cols-container:last-child .footer-left-col > div:nth-child(1){ display:block; }
.footer-slogan-container{ text-align:center; margin:.75em auto}

.footer-right-col > .footer-center-col:nth-child(1){ display:none}
img.qr-code{ width:6em; display:block; margin-top:.5em}

.top-btn{ padding-right:1.5em; position:relative; opacity:0.4 }
.top-btn:after{ /*content:''; background-position:right top; background-repeat:no-repeat;  position:absolute; background-image:url("../img/icon-top.svg"); height:1.2em; width:1.2em; right:0; background-size:contain; top:50%; transform:translate(0, -60%);*/  }
.top-btn.hover{ opacity:1;}

.icon-top{ position:absolute; width:1em; height:1em; top:0%; right:0;  }
.icon-top > div{ position:absolute; top:0%; background:#fff; }
/*.icon-top > div:nth-child(1){ right:0; width:100%; height:1px; transform-origin:right center;  }
.icon-top > div:nth-child(2){ right:0; width:1px; height:100%; transform-origin:top center; }*/
.icon-top > div{ left:50%; width:1px; height:100%; top:0%; transform:translate(-50%,0) }
.icon-top > div:before, .icon-top > div:after{ content:''; height:1px; width:.6em; background:#fff; position:absolute; top:-1px;  }
.icon-top > div:before{ right:50%; transform-origin:right center; transform:rotate(-44deg)  }
.icon-top > div:after{  left:50%;  transform-origin:left center; transform:rotate(44deg) }

.top-btn.hover .icon-top, .top-btn.hover > .icon-top > div, .top-btn.hover > .icon-top > div:before , .top-btn.hover > .icon-top > div:after{
	animation-duration:400ms; animation-timing-function:cubic-bezier(0,.75,.6,1);  animation-fill-mode:forwards;  animation-iteration-count:1;  
}

.top-btn.hover > .icon-top{ animation-name:ani-top-btn-c; }
@keyframes ani-top-btn-c{
0%   {  transform:scale(1,0)}
60%   { transform:scale(1,1)}	
100% {  transform:scale(1,1)}
}

.top-btn.hover > .icon-top > div:before{ animation-name:ani-top-btn-a; }
@keyframes ani-top-btn-a{
0%   { transform:rotate(-44deg) scale(0,1)}
60%   { transform:rotate(-44deg) scale(0,1)}	
100% { transform:rotate(-44deg) scale(1,1)}
}
.top-btn.hover > .icon-top > div:after{ animation-name:ani-top-btn-b; }
@keyframes ani-top-btn-b{
0%   { transform:rotate(44deg) scale(0,1)}
60%   { transform:rotate(44deg) scale(0,1)}	
100% { transform:rotate(44deg) scale(1,1)}
}



.footer-container a.hover{ text-decoration:underline}
/* footer */ 

/* section */
.section-container{  width:100%; height:auto; background:#fff; position:relative; padding:4.75em 0; }
.section-container.empty{ pointer-events:none; background:transparent; /*height:70%; min-height:50em;*/ padding:0; }
.section-container.full-page{ padding:0; }
.section-container.banner{ position:fixed; height:100%; min-height:20em; margin-top:0em}

.section-container.darkgreen{ background-color:#003E3F; }
.section-container.lightgreen{ background-color:#56B4A6; }
.section-container.green{ background-color:#5D8485; }
.section-container.grey, .background-container.grey{ background-color:#D3DEDE; }



.section-container.pure-intro .container-inner{ text-align:center; max-width:1000px  }
/* section */


/* poster */
.poster-container, .poster-container-inner{ width:100%; height:100%; background-size:100% auto; background-position:top center; background-repeat:no-repeat;  position:absolute; }
.poster-container.with-ratio{ height:auto; position:relative; overflow:hidden; display:flex; justify-content:center }
.poster-container.with-ratio > img{ height:auto; }
.poster-container.with-ratio.scale-one > img{ width:120%; }
.poster-container.with-ratio.scale-two > img{ width:200%; }

.poster-container.align-top, .poster-container.align-top .poster-container-inner{ background-position:50% 35%;}
.poster-container.align-bottom, .poster-container.align-bottom .poster-container-inner{ background-position:50% 70%;}
.poster-container.align-base, .poster-container.align-base .poster-container-inner{ background-position:50% 100%;}

.container-inner > .poster-container.with-ratio{ margin-bottom:3rem; }


.video-container{ width:100%; position:relative; overflow:hidden}
.video-container > video{ width:100%; height:auto}
.video-btn{ position:absolute; width:6em; height:6em; border-radius:1000px; background-position:left center; background-repeat:no-repeat; background-size:200% auto; background-image:url(../img/icon-video.svg); top:50%; left:50%; transform:translate(-50%,-50%)}
.video-btn.hover{ background-position:right center; }

.video-container.hover .video-btn{ opacity:1; }
.video-container.active .video-btn{ opacity:0; }

/* poster */


/* landing */
.section-container.landing{ /*background:#edeae3;*/ /*height:calc(70% - 0em); min-height:60em;*/ max-height:none; overflow:hidden; background-image:url(../img/leaf_BG.jpg); background-size:cover; background-position:center; position:fixed; }
.section-container.landing .poster-container:nth-child(1){ transform:translateY(7%) rotate(-1deg); opacity:0; transform-origin:right bottom;  }
/*.section-container.landing .poster-container:before{ content:''; position:absolute; width:100%; height:100%; top:0; left:0%; transform:translateX(-100%); background-position:top right; background-size:100% auto; background-image:url("../img/landing-leaf-left.jpg"); background-repeat:no-repeat;  }
.section-container.landing .poster-container:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:100%; transform:translateX(0%); background-position:top left; background-size:100% auto; background-image:url("../img/landing-leaf-right.jpg"); background-repeat:no-repeat; }
*/
.landing-txt-container{ position:absolute; top:53%; }
.landing-txt-container > div:nth-child(1){ opacity:0; transform:translateY(.2em)}
.landing-txt-container > div:nth-child(2){ opacity:0; width:60%; transform:translateY(-0.1em)  }
.landing-txt-container .txt-home-header br{ display:none}

.section-container.empty, .section-container.landing, .section-container.banner{ height:calc(55vw - 2.75em); margin-top:8em }
.section-container.landing, .section-container.banner{  margin-top:0em }


@keyframes ani-leaf{
0%   { transform:translateY(7%) rotate(0deg)}
100% { transform:translateY(7%) rotate(.4deg); }
}


body.init .section-container.landing .poster-container:nth-child(1){ transform:translateY(7%); opacity:1; transition:opacity 1000ms linear, transform 800ms ease-out; animation-duration:2000ms; animation-delay:1s; animation-timing-function:linear;  animation-fill-mode:forwards;  animation-iteration-count:infinite; animation-direction:alternate; animation-name:ani-leaf }
body.init .landing-txt-container > div:nth-child(1){ opacity:1; transform:translateY(0em); transition:opacity 500ms 200ms linear, transform 500ms 200ms ease-out }
body.init .landing-txt-container > div:nth-child(2){ opacity:1; transition:opacity 1000ms 500ms linear }

 
.home-news-box .realhalf{ margin-top:1.75em}
.home-news-box .background-container{ justify-content:center;  }
.home-news-box .background-container-inner{ margin:auto; width:calc(100% - 10em); min-height:20em }
.home-news-box .background-container-inner .txt-headline{ margin:1em 0 }




.incubated-box{ padding:16em 0; overflow:hidden; }
.incubated-box .poster-container{ background-size:cover; background-position:center 80%; top:0; left:0; opacity:0; transition:opacity 400ms linear  }
.incubated-box .poster-container.active{ opacity:1;  }
.incubated-box .container-inner.flex.half{ align-items:center } 
.incubated-box .container-inner.flex.half > div{ width:50%; }
.incubated-box .container-inner.flex.half > div:nth-child(2){width:calc(50% - 0em); padding-bottom:calc(45% - 9em); height:0; position:relative; overflow:hidden; } 
.incubated-logo { /*width:100%; padding-top:40%; height:0%; ;background-position:left ;background-repeat:no-repeat;*/}
.incubated-logo{ width:auto; /*height:7.5em;*/ max-width:72%; margin-bottom:0em; font-size:10em;   }
/*
.incubated-boards-container{ width:calc(1000% + 20px); display:flex; transition:transform 500ms cubic-bezier(0,.75,.6,1); transform:translate(-10%, 0)}
.incubated-board-ele{ position:relative; top:0; left:0; height:auto; background:#fff;  padding:4em 4em;   width:calc(10% - 8em);  }
*/
 
.incubated-boards-container{ position:absolute; width:100%; height:100%; background:#fff;  }
.incubated-board-ele{ position:absolute; top:0; left:0; width:calc(100% - 10em); height:calc(100% - 10em);  padding:5em;  background:#fff; }
.incubated-board-ele > div{ margin:0em; }



.incubated-board-ele{ transform:translateX(-100%); animation-duration:500ms; animation-delay:0s; animation-timing-function:cubic-bezier(0,.75,.6,1);  animation-fill-mode:forwards;  animation-iteration-count:1;  }
.incubated-board-ele.active{  transform:translateX(0%); opacity:1;  }
.incubated-board-ele.sw-center-to-left{  animation-name:ani-slideshow-center-to-left;  } 
.incubated-board-ele.sw-right-to-center{ animation-name:ani-slideshow-right-to-center;  } 
.incubated-board-ele.sw-center-to-right{ animation-name:ani-slideshow-center-to-right; } 
.incubated-board-ele.sw-left-to-center{  animation-name:ani-slideshow-left-to-center;  } 
@keyframes ani-slideshow-center-to-left{
0%   { transform:translateX(0%)}
100% { transform:translateX(-100%)}
}
@keyframes ani-slideshow-right-to-center{
0%   { transform:translateX(100%)}
100% { transform:translateX(0%)}
}
@keyframes ani-slideshow-center-to-right{
0%   { transform:translateX(0%)}
100% { transform:translateX(100%)}
}
@keyframes ani-slideshow-left-to-center{
0%   {transform:translateX(-100%)}
100% { transform:translateX(0%)}
} 


.indicator-container{ width:90%; display:flex; height:.9em; justify-content:center; margin:auto; position:absolute; left:5%; bottom:4em;}
.indicator-ele{ width:.9em; height:.9em; margin:0 0.66em; border-radius:100px; background: #d9d9d9}
.indicator-ele.hover, .indicator-ele.active{ background:#56B4A6}

.hammer-nav-container{ position:absolute!important; margin:auto; right:-.25em; /*transform:translate(-50%,50%); bottom:calc(8em + 2em);*/ bottom:calc(100% + 1em); height:3em;  display:flex; justify-content:flex-end;  }
.hammer-nav{ /*position:absolute;*/ position:relative; width:3em; height:3em; border-radius:1000px; border:0px solid #fff; /*opacity:0; pointer-events:none;*/ margin-left:.75em  }
/*.hammer-nav.left{ left:0; }
.hammer-nav.right{ right:0; }*/
.hammer-nav.left > div:nth-child(2){ transform:scale(-1,1); }


.hammer-nav > div:nth-child(1){ position:absolute; top:0; left:0; border-radius:1000px;  width:100%; height:100%; background-color:#56B4A6; opacity:0; display:none }
.hammer-nav > div:nth-child(2){ position:absolute; width:100%; height:100%; left:0%; top:0%; overflow:hidden}
.hammer-nav > div:nth-child(2) > div{ position:absolute; top:0; left:0; width:200%; height:100%; transform:translate(-50%,0)}

.hammer-nav > div:nth-child(2) > div > div{ position:absolute; width:40%; top:50%; transform:translate(0%,-50%) scale(1); height:4px; background:#fff; transform-origin:left center}
.hammer-nav > div:nth-child(2) > div > div:nth-child(1){  left:5%;   }
.hammer-nav > div:nth-child(2) > div > div:nth-child(2){  left:55%;  }

.hammer-nav > div:nth-child(2) > div > div:before, .hammer-nav > div:nth-child(2) > div > div:after{ content:''; position:absolute; width:66%; right:0; top:50%; height:100%; background:#fff; transform-origin:right center }
.hammer-nav > div:nth-child(2) > div > div:before{ transform:translate(0%,-50%) rotate(-42deg); transform-origin:right center; top:calc(50% - 1px); }
.hammer-nav > div:nth-child(2) > div > div:after{ transform:translate(0%,-50%) rotate(42deg); transform-origin:right center; top:calc(50% + 1px);}

.hammer-nav.hover > div:nth-child(1){ opacity:1; transition:opacity 200ms linear  }
/*
.hammer-nav.hover > div:nth-child(2) > div > div{ transform:translate(0%,-50%); transition:transform 200ms ease-out } 
.hammer-nav.hover > div:nth-child(2) > div{ transform:translate(0%,0%); transition:transform 200ms 200ms ease-out } 
*/
.hammer.hover .hammer-nav.active{ opacity:1; pointer-events:all; transition:opacity 300ms linear}

.hammer-nav.hover > div:nth-child(2) > div > div, .hammer-nav.hover > div:nth-child(2) > div > div:before, .hammer-nav.hover > div:nth-child(2) > div > div:after{
	animation-duration:400ms; animation-timing-function:cubic-bezier(0,.75,.6,1);  animation-fill-mode:forwards;  animation-iteration-count:1;  
}

.hammer-nav.hover > div:nth-child(2) > div > div{ animation-name:ani-hammer-btn-a; }
@keyframes ani-hammer-btn-a{
0%   {  transform:translate(0%,-50%) scale(0,1)}
60%   { transform:translate(0%,-50%) scale(1,1)}	
100% {  transform:translate(0%,-50%) scale(1,1)}
}

.hammer-nav.hover > div:nth-child(2) > div > div:before{ animation-name:ani-hammer-btn-b; }
@keyframes ani-hammer-btn-b{
0%   { transform:translate(0%,-50%) rotate(-42deg) scale(0,1)}
60%   { transform:translate(0%,-50%) rotate(-42deg) scale(0,1)}	
100% { transform:translate(0%,-50%) rotate(-42deg) scale(1,1)}
}
.hammer-nav.hover > div:nth-child(2) > div > div:after{ animation-name:ani-hammer-btn-c; }
@keyframes ani-hammer-btn-c{
0%   { transform:translate(0%,-50%) rotate(42deg) scale(0,1)}
60%   { transform:translate(0%,-50%) rotate(42deg) scale(0,1)}	
100% { transform:translate(0%,-50%) rotate(42deg) scale(1,1)}
}
/* landing */



.banner-txt-container{ position:absolute; top:auto; top:50%; transform:translateY(-50%)}
.banner-txt-container > div:nth-child(1){ opacity:0; margin-bottom:.5em;  transform:translateY(.25em)}
.banner-txt-container > div:nth-child(2){ opacity:0; width:100%; line-height:1.1  }
.section-container.banner .poster-container:nth-child(1){ opacity:0}
.section-container.banner .poster-container-inner{ background-size:cover; }

body.init .section-container.banner .poster-container:nth-child(1){  opacity:1; transition:opacity 1000ms linear, transform 800ms ease-out;}
body.init .banner-txt-container > div:nth-child(1){ opacity:1; transform:translateY(0em); transition:opacity 500ms 200ms linear, transform 500ms 200ms ease-out }
body.init .banner-txt-container > div:nth-child(2){ opacity:1; transition:opacity 1000ms 500ms linear }

.team-tier-container{ width:100%; clear:both;  }
.team-member-container, .cases-container{ float:left; width:calc(25% - 0.75em); margin-right:1em; margin-bottom:5em; opacity:0; transform: translateY(3em); transition:opacity 200ms linear, transform 400ms ease-in-out; }
.team-member-container:nth-child(4n+4), .cases-container:nth-child(4n+4){ margin-right:0;}

.team-portrait-container, .cases-thumb-container{ width:100%; padding-bottom:116%;  margin-bottom:1.5em; overflow:hidden; position:relative }
.team-portrait-container > div, .cases-thumb-container > div{ background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; height: 100%; position:absolute; top:0; left:0; transform:scale(1.2); transition:transform 400ms ease-in-out; }
.team-links-container{ display:flex; margin-top:1em; }
.team-links-container a{ margin-right:1em}

.team-member-container.scrolled, .cases-container.scrolled{ opacity:1; transform:translateY(0); }
.team-member-container.scrolled .team-portrait-container > div, .cases-container.scrolled .cases-thumb-container > div{ transform:scale(1); }
.team-member-container.scrolled .team-portrait-container.hover > div, .cases-container.scrolled .cases-thumb-container.hover > div{ transform:scale(1.1); }

.team-member-container.scrolled:nth-child(4n+2), .cases-container.scrolled:nth-child(4n+2){ transition-delay:50ms  }
.team-member-container.scrolled:nth-child(4n+3), .cases-container.scrolled:nth-child(4n+3){ transition-delay:100ms  }
.team-member-container.scrolled:nth-child(4n+4), .cases-container.scrolled:nth-child(4n+4){ transition-delay:150ms  }

.cases-thumb-container{ padding-bottom:100%; background:#fff; margin-bottom:.75em; }
.cases-thumb-container > div{ background-size:contain; }
.cases-thumb-container > div{ width:70%; left:15%; height:50%; top:25%;  }

.section-container.counter{ overflow: hidden}
.counter-container{ text-align:center; -webkit-text-stroke:2px #56B4A6; color:transparent; font-size:16em; letter-spacing:0.1em; transform:translateX(0.05em)}

.section-container.social-impact .container-inner.flex{ display:flex; justify-content:space-between; margin-bottom:6em }
.section-container.social-impact .container-inner .flex-to-center{ margin:auto; max-width:calc(725px - 0em); width:calc(100% - 0em); padding:7em 0  }
.section-container.social-impact .container-inner.flex:nth-child(even){ flex-direction:row-reverse }
.social-impact-logo{ height:6em; width:auto; }
.social-impact-logo.larger{ height:7.5em;}
 

.section-container .container-inner.flex.half .txt-subhead{ margin-right:1em; }



.news-filter-container, .news-headline-container{ padding:4em 0; border-bottom:1px solid #404040; }
.news-headline-misc-container, .news-headline-inner-container{ display:flex;align-items:center}
.news-headline-inner-container{ justify-content:space-between; margin-top:1em  }
.news-headline-inner-container .txt-headline{ width:35em; max-width:100%; display:block!important; }
.news-headline-inner-container .txt-headline > h2{ width:calc(100% - 0rem); -webkit-line-clamp:1; /*-webkit-box-orient:vertical;*/ 
 overflow:hidden; text-overflow:ellipsis; white-space: nowrap; display:block!important;}

.news-headline-misc-container > div{ margin-right:.75em }
.headline-cats > button{ display:inline-block; margin-left:.5em; opacity:.3  }
.headline-cats > button.hover{ opacity:1 }


.news-filter-container{ padding-top:0; display:flex; justify-content:space-between; align-items:center}

.news-filter-container > div:nth-child(1) > button{ display:none}

.category-options-container{ line-height:1 }
.category-options-container-inner > div{ background:#404040; width:1px; height:.7em; display:inline-block; margin:0 1em }
.category-options-container-inner > button.hover, .category-options-container-inner > button.active{ color:#56B4A6}
.category-options-container-inner > button.active, .category-options-container-inner > button.inactive{ pointer-events:none}
.category-options-container-inner > button.inactive{ color:#404040; opacity:.3}
 

.news-filter-container > div:nth-child(2) > .category-options-container-inner{ position:absolute; display:block; background:#fff; padding:.5em 1em; border:0px solid red; z-index:1;  overflow:hidden; transition:height 400ms ease-out; height:0em; right:0; }
.news-filter-container > div:nth-child(2) > .category-options-container-inner > button{ display: block; margin-bottom:1em; text-align:right}
.news-filter-container > div:nth-child(2) > .category-options-container-inner > button:first-child{ margin-top:1em}
.news-filter-container > div:nth-child(2) > .category-options-container-inner > div{ display:none}

.news-filter-container > div:nth-child(2) > .category-options-container-inner.active{ height:7em; }



.news-detail-container{ margin-top:16em; }
.news-detail-container-inner{ width:calc(100% - 5em); max-width:1000px; margin:0 auto 6em auto}

.news-article-container{ margin:4em auto}
.news-date-container { opacity:.3; }
.news-title-container{ margin:.5em 0;  }

.news-paragraphs-container{ margin-top:3em; }
.news-caption-container{ margin-top:.5em; }

.news-img-container{ margin:2em 0;}
.float-left{ float:left; width:calc(50% - 1em);  margin:.33em 2em 1em 0 }

.news-paragraphs-container strong{ color:#56B4A6; font-weight:800}
.news-paragraphs-container i{  font-weight:800; font-style:normal }
.news-paragraphs-container li {list-style-type:lower-roman}
.news-paragraphs-container h1, .news-paragraphs-container h2, .news-paragraphs-container h3{ font-size:2em; padding-bottom:.5em }
.news-paragraphs-container a, .news-source-container a{ text-decoration:underline!important; }

.news-paragraphs-container img{ max-width:100%!important; height:auto!important; }


@media only screen and (min-width:0px)  and (max-width:1279px) {
	.seperator{ width:1px; }
}


@media only screen and (min-width:0px)  and (max-width:1023px) {
	.txt-header{ font-size:3em; }
	.txt-home-header{ font-size:2.9em; }
	.txt-menu{ font-size:2.5em; }
	.txt-subhead{ font-size:1.85em;  }
	.txt-headline{ font-size:1.75em; }
	.txt-cta{ font-size:1.4em; }
	.txt-normal{ font-size:1.2em;  }
	.txt-small{ font-size:1em; }
	.txt-body{ font-size:1.2em; }
	.txt-mini{ font-size:.9em; }
	
	.lang-container .txt-zh{ font-size:1em; transform:translateY(2%)}
	
	.footer-slogan-container.txt-header{ font-size:4em; }
	.footer-container{ padding:3.5em 0;  }
	
	
	.footer-left-col .footer-sub-cols-container{ display:block; }
	.footer-right-col .footer-sub-cols-container{ display:block}
	.footer-right-col{ /*margin-top:2em; max-width:none; width:100%*/  }
	/*.footer-center-col, .footer-left-col{ display:flex; width:100% }*/
	.footer-center-col  > div, .footer-left-col > div{ width:50%;}
	.footer-center-col > div:nth-child(2){ margin-top:0em}
	
	.footer-left-col{  width:50%}
	.footer-right-col > .footer-center-col:nth-child(1){ display:none}
	/*
	.footer-last-col{ display:none}
	.footer-left-col > div:nth-child(1){ display:block}
	*/
	.footer-slogan-container{  margin:1em auto}
	 
	.footer-cols-container:last-child{ display:block}
	.footer-cols-container:last-child .footer-left-col{ width:100%}
	.footer-cols-container:last-child .footer-left-col > div{ width:100%;}
	.footer-cols-container:last-child .footer-right-col{ margin-top:1em; justify-content:flex-start; position:relative; width:100%; max-width:none;}
	.footer-cols-container:last-child .footer-right-col > div{ margin-right:2em}
	.footer-cols-container:last-child .footer-right-col a{ text-decoration:underline }
	.footer-cols-container:last-child .footer-right-col > div:last-child{ position:absolute; right:0%; bottom:0; margin-right:0 }
	
	.all-nav-container{ position:fixed; justify-content:center; background:#003E3F; width:100%; height:100vh; top:0; left:0; transform:translateX(-100%); transition:transform 400ms  }
	.all-nav-container.resizing{ transition:transform 0ms  }
	
	.all-nav-container-inner{ display:block; max-height:calc(100% - 17em); overflow:auto; width:calc(100% - 0em); }
	.nav-container{ display:block!important; text-align:center;  } 
	.nav-container > div:nth-child(odd){   margin-bottom:.5em;  } 
	.nav-container > div:nth-last-child(2){   margin-bottom:0em;  } 
	.nav-container .seperator{ display:none; }
	
	.lang-container{ justify-content:center; padding-top:0em; position:absolute; width:100%; bottom:3em; }
	.lang-container .seperator{ background:#fff; }
	.all-nav-container-inner a{  color:#fff; }
	
	.menu-btn{ position:relative; width:2em; height:1.5em; }
	.menu-btn > div{ position:absolute; width:100%; height:2px; left:0; background:#003E3F; transition:transform 100ms, top 300ms 100ms, bottom 300ms 100ms, background 200ms 0ms }
	.menu-btn > div:nth-child(1){ top:0; transform-origin:center}
	.menu-btn > div:nth-child(2){ top:calc(50% - 1px); transform-origin:right center; transition-duration:200ms }
	.menu-btn > div:nth-child(3){ bottom:0; transform-origin:center}
	
	.logo-container > div{ position:absolute; width:100%; height:100%; top:0; left:0; background-size:contain; background-repeat:no-repeat; background-image:url(../img/fvc-logo-white.svg); background-position:top left; opacity:0;  }
	
	.logo-container, .menu-btn{ z-index:1; }
	
	.header-container.active .all-nav-container{ transform:translateX(-0%) }
	.header-container.active .menu-btn > div{ background:#fff; transition:transform 300ms 100ms, top 100ms, bottom 100ms, background 200ms 200ms  }
	.header-container.active .menu-btn > div:nth-child(1){ transform:rotate(-45deg); top:calc(50% - 1px); }
	.header-container.active .menu-btn > div:nth-child(2){ transform:scale(0, 1); transition-duration:100ms }
	.header-container.active .menu-btn > div:nth-child(3){ transform:rotate(45deg); bottom:calc(50% - 1px);   }
	.header-container.active .logo-container > div{ opacity:1; transition:opacity 200ms  }
	 
	.landing-txt-container{ left:2.5em; width:calc(85% - 2em); top:auto; bottom:3.5em;  display:flex; flex-direction:column; justify-content:flex-end  }
	.landing-txt-container > div:nth-child(1), .landing-txt-container > div:nth-child(2){ width:100%; max-width:29em }
	
	.landing-txt-container > div:nth-child(2){ width:calc(100% - .3em); }
	
	.team-member-container, .cases-container{ width:calc(33% - .5em); }
	.team-member-container:nth-child(4n+4), .cases-container:nth-child(4n+4){ margin-right:1em;}
	.team-member-container:nth-child(3n+3), .cases-container:nth-child(3n+3){ margin-right:0em;}
	
	.team-member-container.scrolled:nth-child(4n+2), .cases-container.scrolled:nth-child(4n+2){ transition-delay:0ms  }
	.team-member-container.scrolled:nth-child(4n+3), .cases-container.scrolled:nth-child(4n+3){ transition-delay:0ms  }
	.team-member-container.scrolled:nth-child(4n+4), .cases-container.scrolled:nth-child(4n+4){ transition-delay:0ms  }
	
	.team-member-container.scrolled:nth-child(3n+2), .cases-container.scrolled:nth-child(3n+2){ transition-delay:50ms  }
	.team-member-container.scrolled:nth-child(3n+3), .cases-container.scrolled:nth-child(3n+3){ transition-delay:100ms  }
	 
	
}
@media only screen and (min-width:0px)  and (max-width:768px) {
	.mobile-linkbreak br{ display:block}
	.desktop-linkbreak br{ display:none }
	
	/*
	.banner-txt-container br{ display:none}
	*/
	.mobile-linkbreak.type-ele{ white-space:pre-wrap}
	.desktop-linkbreak.type-ele{ white-space:normal  }
	
	.section-container{ padding:4em 0; }
	
	.container-inner.flex{ display:block; text-align:center;  }
	.container-inner.flex > div:nth-child(2){ margin-top:1.5em}
	.container-inner.flex.half{ text-align:left; }
	.container-inner.flex.half > div, .full-frame-container.flex.half > div, .container-inner.flex.half.realhalf > div{ width:100%; }

	.section-container.pure-intro{ padding:6em 0}
	.section-container.pure-intro .container-inner{ text-align:left;   }
	
	
	.full-frame-container.flex{ display:block;  }
	.full-frame-container{ width:calc(100% - 5em); padding:4em 0; margin:auto;}
	.full-frame-container .flex-to-center{ margin:2em auto 0 auto; width:100%; padding:0  }
	
	
	.container-inner.flex.half, .full-frame-container.flex.half{ display:block; margin-top:0}
	
	.flex-to-full-height{ height:auto; position:relative!important; padding-bottom:4em!important }
	.flex-to-full-height, .flex-to-full-height.more-padding{  padding:0!important }
	.flex-to-full-height-poster{ height:auto;  } 
	.flex-to-full-height-poster .poster-container { position:relative; background-size:0 0;}
	.flex-to-full-height-poster .poster-container img{ display:block; height:auto; width:100% }
	.flex-to-center-container, .flex-to-full-height-poster{  position:relative!important; }
	
	.landing-txt-container .txt-home-header br{ display:block}
	
	
	/* poster */
	.poster-container.with-ratio.scale-two > img{ width:100%; }
	.container-inner > .poster-container.with-ratio{ margin-bottom:1.5rem; }
	/* poster */
	
	.home-news-box .container-inner.flex:nth-child(1){ display:flex; }
	.home-news-box .container-inner.flex:nth-child(1) > div{ margin-top:0!important; }
	.home-news-box .poster-container{ display:none}
	.home-news-box .background-container{ padding:2.5em 0; margin:0 auto!important; }
	.home-news-box .background-container-inner{ width:calc(100% - 5em) }
	.home-news-box .background-container-inner button{ float:right}
	.home-news-box .flex-to-full-height{ padding:3em 0!important}
	.collapse-text{ -webkit-line-clamp:6; height:8.4em}
	
	
	.incubated-box{ padding:0em 0 4em 0 }
	.incubated-box .txt-subhead.txt-white{ color:#404040}
	.incubated-box .poster-container{ display:none  } 
	.incubated-box .container-inner.flex.half{ align-items:center } 
	.incubated-box .container-inner.flex.half > div{ width:100%; }
	.incubated-box .container-inner.flex.half > div:nth-child(2){ width:calc(100% - 0em)!important; padding-bottom:calc(95% - 9.5em);   }  
 
	.incubated-logo{ /*height:auto; width:60%;*/ }
	
	.incubated-board-ele{ display:flex;  align-items:center; padding-left:2em; padding-right:2em; width:calc(100% - 4em); padding-top:4.5em   }
	.incubated-board-ele > div{ margin:0em;   }

	.indicator-container{ width:100%; position:relative; left:0%; bottom:auto; margin-top:1.5em }
	.indicator-ele{ background: #fff}
	
	.hammer-nav-container{ display:none!important; }
	
	
	.team-member-container, .cases-container{ width:calc(50% - .5em);  margin-bottom:4em;  }
	.team-member-container:nth-child(4n+4), .cases-container:nth-child(4n+4){ margin-right:1em;}
	.team-member-container:nth-child(3n+3), .cases-container:nth-child(3n+3){ margin-right:1em;}
	.team-member-container:nth-child(2n+2), .cases-container:nth-child(2n+2){ margin-right:0em;}
	
	.team-member-container.scrolled:nth-child(3n+2), .cases-container.scrolled:nth-child(3n+2){ transition-delay:0ms  }
	.team-member-container.scrolled:nth-child(3n+3), .cases-container.scrolled:nth-child(3n+3){ transition-delay:0ms  }
	
	.team-member-container.scrolled:nth-child(2n+2), .cases-container.scrolled:nth-child(2n+2){ transition-delay:50ms  } 
	
	
	.counter-container{ font-size:16.5vw; margin-top:0.25em  }
	.counter .container-inner.flex { text-align:left}
	.counter .container-inner.flex > div{ margin:0}
	
	.section-container.social-impact .container-inner.flex{ display:block; margin-bottom:6em }
	.section-container.social-impact .container-inner .flex-to-center{ margin:2em auto 0 auto; width:100%; padding:0  }
	.social-impact-logo{ height:auto; width:60%; }
	.social-impact-logo.larger{ height:auto; width:50%; }
	
	.news-headline-inner-container{ flex-wrap:wrap; justify-content:flex-end; display:block}
	.news-headline-inner-container .txt-headline{ width:calc(100% - 0rem);   display:block; overflow:visible; margin-bottom:.5em }
	.news-headline-inner-container .txt-headline > h2{ width:auto!important;  white-space:normal; /*word-break:break-all*/ }
	.news-headline-inner-container .arrow-btn{ float: right}
	
	
	.news-filter-container{ justify-content:flex-start; position:relative; }
	.news-filter-container > div:nth-child(1) > button{ display:block}
	
	.category-options-container{ margin-right:2em}
	
	.category-options-container-inner, .news-filter-container > div:nth-child(2) > .category-options-container-inner{ right:auto; position:absolute; display:block; background:#fff; padding:0 1em; border:0px solid red; z-index:1; width:calc(50% - 2em); overflow:hidden; transition:height 400ms ease-out; height:0; transform:translateX(-1em)}
	.category-options-container-inner > button{ display: block; margin-bottom:2em!important}
	.category-options-container-inner > button:first-child{ margin-top:2em!important}
	.category-options-container-inner > div{ display:none}
	
	.category-options-container-inner.active{ height:14em; }
	.date .category-options-container-inner.active{ height:11em!important; }
	
	
	.news-detail-container{ margin-top:12em; }
	.float-left{ float:none; width:100%;  margin:2em 0 2.5em 0 }
}


@media only screen and (min-width:0px) and (max-width:479px) {
	.footer-cols-container:last-child .footer-right-col{ justify-content:space-between;  padding-bottom:2.5em;}
	.footer-cols-container:last-child .footer-right-col > div:last-child{ left:0%; right:auto; transform:translateX(0%)}
}

@media only screen and (min-width:0px) and (max-width:374px) {
	html,body{  font-size:12px; }
	
	.txt-home-header{ font-size:2.5em; }
	
	.footer-slogan-container.txt-header{ font-size:2.5em; }
}

@media only screen and (min-width:375px) and (max-width:479px) {
	html,body{  font-size:12px; }
	.footer-slogan-container.txt-header{ font-size:3.5em; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
	html,body{  font-size:12px; }
	.txt-header{ font-size:4em; }
	.footer-slogan-container.txt-header{ font-size:4.5em; }
}

@media only screen and (min-width:640px)  and (max-width:1023px) {
	html,body{  font-size:13px; }
	.txt-header{ font-size:4.5em; }
	.footer-slogan-container.txt-header{ font-size:4.75em; }
}

@media only screen and (min-width:768px)  and (max-width:1023px) {
	.counter-container{ font-size:11em;  }
	.news-headline-inner-container .txt-headline{ width:25em;  }
	
	
	.section-container.landing, .section-container.empty{  height:38em ;  }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
	html,body{  font-size:13px; } 
	.footer-slogan-container.txt-header{ font-size:5.2em; }
	
	.nav-container .seperator{ margin:0 1em; }
	.counter-container{ font-size:13.5em;  }
	
	.news-headline-inner-container .txt-headline{ width:30em;   }
}

@media only screen and (min-width:1280px) and (max-width:1599px) {
	html,body{  font-size:14px; } 
	.footer-slogan-container.txt-header{ font-size:6em; }
}
@media only screen and (min-width:1600px) { 
	/* landing */
	/*.section-container.landing{ min-height:900px;  } */
	.section-container.empty, .section-container.landing, .section-container.banner{ height:calc(798px - 0em);  } 
	/* landing */
	/*
	.collapse-text{  -webkit-line-clamp:10;   }
	.collapse-text{ height:14.7em;   }
	*/
}

@media only screen and (orientation: portrait) and (max-width:1023px) {
	/* landing */
	.section-container.landing, .section-container.empty, .section-container.banner{ /*max-height:168vw;*/ max-height:115vw; height:38em;  }
	.section-container.landing .container-inner{ width:100%} 
	.section-container.landing .poster-container:nth-child(1){ transform:translateY(6%) rotate(-1deg);  }
	.landing .poster-container-inner{ width:calc(100% - 5em); left:2.5em; }
	
	.landing-txt-container{ position:absolute; top:calc(50% + .5em); }
	/*.banner-txt-container{  bottom:6em}
	/* landing */
}

@media only screen and (orientation: portrait) and (max-width:420px) {
	.landing .poster-container-inner{ left:5em; }
}

.type-ele{ white-space: pre-wrap; opacity:0; transform:translateY(1rem); transition:opacity 500ms linear, transform 400ms ; }
.type-ele.scrolled{ opacity:1; transform:translateY(0%); }


.fadein-ele.generic{ opacity:0; transform:translateY(2rem); transition:opacity 500ms linear, transform 400ms ; }
.fadein-ele.generic.scrolled{ opacity:1; transform:translateY(0%); }

.headline-container.fadein-ele > div{ transition:transform 400ms   }
.headline-container.fadein-ele.scrolled > div{ transform:translateY(-50%); }
 
.video-container > video.fadein-ele{ transform:scale(1.2); transition:transform 500ms linear }
.video-container > video.fadein-ele.scrolled{ transform:scale(1);  }

.arrow-btn.fadein-ele{ opacity:0; transform:translateY(.5em); transition:opacity 500ms linear, transform 400ms ; }
.arrow-btn.fadein-ele.scrolled{ opacity:1; transform:translateY(0em);  }

.arrow-btn.fadein-ele > .icon-arrow{ opacity:0; top:.2em; transition:opacity 300ms 100ms linear, top 0ms 400ms;  }
.arrow-btn.fadein-ele.scrolled > .icon-arrow{ opacity:1; top:0; transition:opacity 100ms 100ms linear, top 400ms 100ms; }

.poster-container.with-ratio.fadein-ele img, .scaled.fadein-ele{ transform:scale(1.2); transition:transform 500ms linear  }
.poster-container.with-ratio.fadein-ele.scrolled img, .scaled.fadein-ele.scrolled{ transform:scale(1); }

.incubated-box .poster-container.fadein-ele{ transform:scale(1.2); transition:transform 500ms linear, opacity 400ms linear  }
.incubated-box .poster-container.fadein-ele.scrolled{ transform:scale(1); }