﻿.slick-slider{
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
	z-index: 500;
}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-prev,.slick-next{
	position:absolute;
	display:block;
	height:20px;
	width:20px;
	line-height:0px;
	font-size:0px;
	cursor:pointer;
	color:transparent;
	top:50%;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	padding:0;
	border:none;
	outline:none;
	z-index: 10000;
	background-color: #F90;
}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{
	left:0px
}[dir="rtl"] .slick-prev{left:auto;right:-25px}.slick-prev:before{}[dir="rtl"] .slick-prev:before{content:"→"}.slick-next{
	right:0px
}[dir="rtl"] .slick-next{left:-25px;right:auto}.slick-next:before{}[dir="rtl"] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{
	position:relative;
	display:inline-block;
	height:15px;
	width:15px;
	padding:0;
	cursor:pointer;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}.slick-dots li button{
	border:0;
	display:block;
	height:20px;
	width:20px;
	outline:none;
	line-height:0px;
	font-size:0px;
	color:transparent;
	padding:5px;
	cursor:pointer;
	background-color: transparent;
}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:black;opacity:0.75}.landing-page-section{max-width:1140px;margin:auto}.landing-page{background-color:#f8f8f8}.slick-dotted.slick-slider{margin-bottom:0}
.slick-dots.slick-dots{
	left: 0;
	top: -25px;
}
.slick-dots.slick-dots button:before{
	height:8px;
	width:8px;
	opacity:1 !important;
	border-radius:50%;
	border:1px solid #999;
	background-color: rgba(255,255,255,.5)
}

@media (min-width: 992px){
.slick-dots.slick-dots button:before{height:12px;width:12px}}
.slick-dots.slick-dots button::before{content:""}.slick-dots.slick-dots .slick-active button:before {
	border:1px solid rgba(0,0,0,.8);
	background-color:rgba(0,0,0,.5);
}
@media (min-width: 1501px){
.hero-background{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-size: cover;
	-moz-background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
	margin:0;
	background-position: center -130px;
}
}
@media (max-width: 1500px) and (min-width: 1366px) {
.hero-background{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-size: cover;
	-moz-background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
	margin:0;
	background-position: center -100px;
}
}

@media (min-width: 768px) {
.main-banner {
	position:relative;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.banner {
	width: 100%;
	text-align: center;
}
.banner img {
	width: 100%;
}
.banner .web {
	display: block;
}
.banner .mobile {
	display: none;
}
.hero-background{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-size:cover;
	-moz-background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
	margin:0;
	background-position: center center;
}
}
@media (max-width: 767px){
.main-banner{
	position:relative;
	padding: 0px;
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.banner {
	width: 100%;
}
.banner img {
	width: 100%;
}
.banner .web {
	display: none;
}
.banner .mobile {
	display: block;
}
.hero-background{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-size:cover;
	-moz-background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
	margin:0;
	background-position: center bottom;
}
}
.banner-list,.slick-list,.slick-track{height:100% !important}.banner-list{opacity:0}.banner-list.slick-initialized{opacity:1}

.section-campaigns{padding:6px 0;overflow:hidden}
@media (min-width: 768px){.section-campaigns{padding:3px 0}}.campaign-list{padding:0;margin:0;list-style:none;text-align:center}.campaign-list:after{content:"";display:block;clear:both}
@media (min-width: 768px){.campaign-list{margin:0 -3px}}@media (min-width: 992px){.campaign-list{margin:0 -3px}}
.campaign-item{position:relative}
@media (max-width: 767px){.campaign-item+.campaign-item{border-top:6px solid #f8f8f8}}
@media (min-width: 768px){.campaign-item:first-child:nth-last-child(4),.campaign-item:first-child:nth-last-child(4) ~ .campaign-item{float:left;width:50%;border:3px solid #f8f8f8}}
@media (min-width: 992px){.campaign-item{float:left;border:3px solid #f8f8f8}.campaign-item:first-child:nth-last-child(3),.campaign-item:first-child:nth-last-child(3) ~ .campaign-item{width:33.33%}.campaign-item:first-child:nth-last-child(4),.campaign-item:first-child:nth-last-child(4) ~ .campaign-item{width:25%}}.campaign{position:relative;display:block;padding-bottom:56.25%}
@media (min-width: 768px){.campaign{padding-bottom:100%}}
.campaign-bg{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-size:auto 100%;background-position:center;background-repeat:no-repeat}.campaign-copy-wrapper{position:absolute;height:35%;top:0;left:0;right:0;z-index:1;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center}
@media (min-width: 768px){.campaign-copy-wrapper{height:25%}}
.campaign-title{font-family:"graphik-semib", "PingFangTC-Semibold", "Noto Sans Bold";font-size:18px;margin-bottom:0px;color:#323237}.campaign--light .campaign-title{color:#fff}.campaign-subtitle{font-size:16px;color:#737d82}.campaign--light .campaign-subtitle{color:#fff}.section-smart-power{position:relative;margin:0 auto 6px auto;padding-top:1px;background:url(/assets/frontend/landing/gostation-bg-b142e5b65b0409b200478efce783c75351206d4ace9f986c22d6213444397c34.jpg) center/cover no-repeat}
@media (min-width: 768px){.section-smart-power{margin:0 auto 3px auto}}.smart-power-copy{font-size:18px}@media (min-width: 992px){.smart-power-copy{font-size:24px}html[lang="zh-TW"] .smart-power-copy{font-size:19px;line-height:32px}}.smart-power-intro{margin-bottom:0}@media (min-width: 544px){.smart-power-intro{margin-bottom:0.5em}}.smart-power-title{margin:1.5em 0 0.5em 0;line-height:1;font-size:41px;font-family:"graphik-el", "PingFangTC-Thin", "Noto Sans ExtraLight"}@media (min-width: 992px){.smart-power-title{font-size:68px}html[lang="zh-TW"] .smart-power-title{font-size:62px}}.smart-power-badge{line-height:1.3;margin:10px 0 30px 0}@media (min-width: 992px){.smart-power-badge{margin:0 0 50px 0}}.smart-power-badge__value{display:inline-block;position:relative;font-size:54px;font-family:"flamasc-ul"}@media (min-width: 992px){.smart-power-badge__value{font-size:72px}}.smart-power-badge__sup{position:absolute;right:-0.5em;top:-0.25em}.smart-power-badge__caption{font-size:14px;font-family:"graphik-semib", "PingFangTC-Semibold", "Noto Sans Bold"}.smart-power-actions{margin-bottom:30px}@media (min-width: 992px){.smart-power-actions{margin-bottom:100px}}.smart-power-link{display:block;width:222px;height:49px;line-height:49px;text-align:center;border-radius:100px;font-family:"graphik-bki", "PingFangTC-Semibold", "Noto Sans Bold";font-size:15px;background-color:#fff;text-transform:uppercase;box-shadow:0 12px 24px 0 rgba(0,0,0,0.1);letter-spacing:0.15em;margin:auto}.smart-power-link:hover{color:#fff}.smart-power-link+.smart-power-link{margin-top:15px}@media (min-width: 544px){.smart-power-link{display:inline-block}.smart-power-link+.smart-power-link{margin-top:0;margin-left:30px}}@media (min-width: 768px){.smart-power-link{width:250px;height:62px;line-height:62px;font-size:18px}}.smart-power-primary-link{color:#fff;background:-webkit-linear-gradient(-370deg, #03ff62, #6adbff);background:linear-gradient(100deg, #03ff62, #6adbff)}.smart-power-secondary-link .smart-power-link-text{color:#03ff62;background:-webkit-linear-gradient(-365deg, #03ff62, #6adbff);background:linear-gradient(95deg, #03ff62, #6adbff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.smart-power-secondary-link .smart-power-link-text{-webkit-background-clip:none;-webkit-text-fill-color:none;background:none;background:none;color:#323237}}.smart-power-station{width:293px;margin:0 auto}.smart-power-station:before{content:"";display:block;padding-bottom:136.87601%;background:url(/assets/frontend/landing/gostation-41794d58be948c8a5867abafc21fefde49a88b25291bf3d1b337597b8edaf343.png) center/contain no-repeat}@media (min-width: 544px){.smart-power-station{width:490px}.smart-power-station:before{background:url(/assets/frontend/landing/gostation@2x-b5ada2595bf8deca210e460290f3b0b8e991166f3652b9e7f2598372c8f599e9.png) center/contain no-repeat}}@media (min-width: 992px){.smart-power-station{width:620px}}.smart-power-sosumi{position:absolute;bottom:0;left:0;width:100%;font-size:13px;padding:1em 2em;background-color:rgba(255,255,255,0.3)}.section-media{overflow:hidden}.section-media:after{content:"";display:block;clear:both}@media (min-width: 768px){.media-container-wrapper{margin:0 -3px}}.media-container{position:relative}@media (max-width: 767px){.media-container+.media-container{border-top:6px solid #f8f8f8}}@media (min-width: 768px){.media-container{float:left;border:3px solid #f8f8f8}}@media (min-width: 768px){.blog-posts-container{width:66.66%}}@media (min-width: 768px){.social-media-container{width:33.33%}}.media-section-name{position:absolute;z-index:3;text-align:center;left:0;top:0;width:100%;margin-top:0.75em}.media-item-title,.media-section-name{color:#fff;font-family:"graphik-b", "Noto Sans Black";line-height:1.28}.social-post--dark .media-item-title,.social-post--dark .media-section-name{color:#323237}.media-section-name{font-size:27px}@media (min-width: 992px){.media-section-name{font-size:32px}}.media-item-title{font-size:27px}@media (min-width: 544px){.media-item-title{font-size:32px}}@media (min-width: 992px){.media-item-title{font-size:42px}}.social-post-subtitle{color:#fff;font-family:"graphik-b", "PingFangTC-Semibold", "Noto Sans Bold";line-height:1.5;font-size:20px;position:absolute;bottom:20px;left:0;width:100%}.social-post-list,.blog-post-list{position:relative;list-style:none;margin:0}.social-post-list .slick-list,.blog-post-list .slick-list{position:absolute;left:0;width:100%}.blog-post-list{padding-bottom:56.25%}@media (min-width: 768px){.blog-post-list{padding-bottom:50%}}.social-post-list{padding-bottom:56.25%}@media (min-width: 768px){.social-post-list{padding-bottom:100.8%}}.social-post-item,.social-post-copy-wrapper,.social-post-bg{position:absolute;left:0;width:100%;top:0;height:100%}.social-post-bg{background-size:auto 100%;background-position:center;background-repeat:no-repeat}.social-post-copy-wrapper{z-index:2;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;text-align:center}.social-post-title{margin-bottom:0}.section-impact{border-top:6px solid #f8f8f8;background-color:#fff}@media (min-width: 768px){.section-impact{border-top:3px solid #f8f8f8}}.impact-co2-cloud{width:144px;height:93px;position:absolute;left:30px;top:11px;background:url(/assets/frontend/landing/impact-co2-cloud-9923375a16a0f82e352f607e7e44397db3d43507cb9bc2a67f81a485d8477cf2.svg) center/144px 83px no-repeat}.impact-co2-arrow{width:45px;height:40px;position:absolute;left:78px;top:105px;background:url(/assets/frontend/landing/impact-co2-arrow-c4509137503ae6ea49521df3883a5795e875650d0047f0cfc4c9abe5f4547356.svg) center/45px 40px no-repeat}.impact-co2-tree{width:206px;height:278px;position:absolute;left:0;top:0;background:url(/assets/frontend/landing/impact-co2-tree-42ce3d56cdfc801026c0f4c5beef7ffeabf98f582101a38e1c5d54466f9c4df2.svg) center/206px 278px no-repeat}.impact-battery-charger{width:206px;height:278px;position:absolute;left:0;top:0;background:url(/assets/frontend/landing/impact-battery-charger-663f2eae13f06e190c03c3ac1fa9a7e155d0af25e0c73e1a9e7c176551a6fd4e.svg) center/206px 278px no-repeat}.impact-battery-seat{position:absolute;overflow:hidden;top:20px;bottom:76px;width:50%}.impact-battery-seat--left{left:1px}.impact-battery-seat--right{right:2px}.impact-battery{position:absolute;top:0;left:50%;width:66px;height:120px;margin-left:-33px;background:url(/assets/frontend/landing/impact-battery-bca27d87c66fd214512b6cb16b69d69925d0482f8891f7f7e9bfcdf1e15ae0cc.svg) center/66px 120px no-repeat}.impact-battery-energy{position:absolute;width:54px;height:80px;left:6px;bottom:8px;background:url(/assets/frontend/landing/impact-battery-energy-a17ca7d686c14c3fd00ee694c02b393bb1530c04071661ab2cda8f8a64a25385.svg) center/54px 80px no-repeat}.impact-earth{width:206px;height:278px;position:absolute;left:0;top:-10px;background:url(/assets/frontend/landing/impact-earth-ef485b3027492449a45cbd240a37713e43b670d7b7af8fb9045ee8661d121349.svg) center/206px 278px no-repeat}.impact-earth-track{width:198px;height:198px;position:absolute;left:50%;margin-left:-99px;top:57px;background:url(/assets/frontend/landing/impact-earth-track-9e75cfd9130c3c93a65e19623698890ad36d918584e1f88f0e2af97b0c0a97d3.svg) center/198px 198px no-repeat}.impact-animation{position:relative;width:103px;height:138px;margin:0 auto 20px auto;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}@media (min-width: 768px){.impact-animation{width:206px;height:278px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center;margin:0 70px 0 0}}.impact-headline{font-family:"graphik-b", "PingFangTC-Semibold", "Noto Sans Bold";font-size:27px;text-align:center;margin-top:1.5em;margin-bottom:1em;line-height:1;letter-spacing:-0.7px}@media (min-width: 768px){.impact-headline{font-size:41px}}.impact-value{position:relative;line-height:1;font-family:"flamasc-ul";font-size:54px}@media (min-width: 992px){.impact-value{letter-spacing:-2px;font-size:72px}}.impact-unit{position:absolute;top:11px;font-size:24px;font-family:"flamasc-book";margin-left:3px}@media (min-width: 992px){.impact-unit{margin-left:5px;top:16px}}.impact-caption{font-size:20px;margin:0.5em 0;font-family:"graphik-semib", "PingFangTC-Semibold", "Noto Sans Bold"}.impact-desc{font-size:16px}@media (min-width: 768px){.impact-desc{font-size:20px}}.impact-dots{text-align:center;padding:20px 0 30px 0}.impact-dot{padding:10px;display:inline-block;cursor:pointer}.impact-dot:before{content:"";display:block;width:12px;height:12px;border-radius:6px;border:2px solid #f1f3f3;background-color:#f1f3f3;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.impact-dot.active:before{border:2px solid #00d7ff;background-color:#fff}.impact-item-list{position:relative;height:330px}@media (min-width: 768px){.impact-item-list{height:278px}}.impact-item{position:absolute;left:0;width:100%;top:0;height:100%;text-align:center}@media (min-width: 768px){.impact-item{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;text-align:left}}.impact-badge{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1}@-webkit-keyframes earth-scale{0%{-webkit-transform:scale(0)}71.42857143%{-webkit-transform:scale(1.05)}100%{-webkit-transform:scale(1)}}@-moz-keyframes earth-scale{0%{-moz-transform:scale(0)}71.42857143%{-moz-transform:scale(1.05)}100%{-moz-transform:scale(1)}}@keyframes earth-scale{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}71.42857143%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.impact-animation{opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.impact-badge{opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.impact-item.active .impact-badge{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.5s 0.5s;-moz-transition:all 0.5s 0.5s;transition:all 0.5s 0.5s}.inview .impact-item.active .impact-animation{opacity:1;-webkit-transition:all 0.5s 0.5s;-moz-transition:all 0.5s 0.5s;transition:all 0.5s 0.5s}.inview .impact-item.active .impact-animation .impact-earth{-webkit-animation:earth-scale 0.7s 0.5s linear forwards;-moz-animation:earth-scale 0.7s 0.5s linear forwards;animation:earth-scale 0.7s 0.5s linear forwards}.section-sosumi{background-color:#fff;font-size:12px;text-align:center;color:#737d82;line-height:1.6;padding:20px}
