@charset "UTF-8";
.c-subMenu{top:0;left:0;display:block;width:100%;margin:0 auto;z-index:100;overflow:visible}.c-subMenu::before{content:'';position:absolute;top:0;left:calc(50% - 50vw);display:block;width:100vw;height:100%;background:#fff;box-shadow:0 0 73px rgba(0,0,0,.2);opacity:0;pointer-events:none}.c-subMenu__box{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;background:#fff;box-shadow:0 0 73px rgba(0,0,0,.2);overflow:hidden}.c-subMenu__box .slick-list{margin:0 auto}.c-subMenu__box .slick-list.notFull{min-width:0}.c-subMenu__box.slick-slider{overflow:visible}.c-subMenu__box .slick-next{right:-60px}.c-subMenu__box .slick-prev{left:-60px}.c-subMenu__box .slick-track{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start}.c-subMenu__box__item{display:block;width:25%;height:auto;font-size:19px;line-height:1;color:#000;font-family:"NotoSansTC-B";float:none;flex:0 0 auto}.c-subMenu__box__item::before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background:var(--mainColor);opacity:0;transition:opacity .4s ease-in-out}.c-subMenu__box__item.active,.c-subMenu__box__item:hover{color:#fff}.c-subMenu__box__item.active::before,.c-subMenu__box__item:hover::before{opacity:1}.c-subMenu__box__item::after{content:'';position:absolute;top:27.5%;left:0;display:block;width:.5px;height:45%;background:rgba(0,0,0,.2)}.c-subMenu__box__item.slick-current::after,.c-subMenu__box__item:hover+.c-subMenu__box__item::after,.c-subMenu__box__item.active::after,.c-subMenu__box__item.active+.c-subMenu__box__item::after,.c-subMenu__box__item:hover::after{opacity:0}.c-subMenu__box__item__link{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;padding:35px 5px;font-size:inherit;line-height:1.5;color:inherit;font-family:inherit;text-align:center}.c-subMenu__select{display:none;height:70px}.c-subMenu.j-subMenuFixed{position:sticky}.c-subMenu.fixed::before{opacity:1;pointer-events:all}.c-subMenu.fixed .c-subMenu__box{box-shadow:none}.c-subMenuSelect{top:0;left:0;display:none;width:100%;margin:0 auto;background:#fff;overflow:visible;z-index:100}.c-subMenuSelect::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#fff;box-shadow:1px 1px 30px rgba(4,0,0,.2)}.c-subMenuSelect__select{border:none}.c-subMenu__box:not(.j-subMenu-slick){flex-wrap:wrap}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item{margin:0 0 -1px 0;border-bottom:1px solid rgba(0,0,0,.2);flex:1 0 auto}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(1):nth-last-child(5),.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(2):nth-last-child(4),.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(3):nth-last-child(3),.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(4):nth-last-child(2),.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(5):nth-last-child(1){width:33.33%}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(4):nth-last-child(2)::after{display:none}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(5):nth-last-child(1)::after{display:block}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(4n+1)::after{display:none}.c-subMenu.j-subMenuFixed.fixed .c-subMenu__box:not(.j-subMenu-slick){left:calc(50% - 50vw);width:100vw}.c-subMenu.j-subMenuFixed.fixed .c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item .c-subMenu__box__item__link{padding:20px 5px}@media screen and (max-width:1500px){.c-subMenu{width:calc(100% - 120px)}.c-subMenu.full{width:100%;box-shadow:0 0 73px rgb(0 0 0 / 20%);overflow:visible}.c-subMenu.full .c-subMenu__box{box-shadow:none}.c-subMenu__box:not(.j-subMenu-slick){left:-60px;width:calc(100% + 120px)}}@media screen and (max-width:991px){.c-subMenu{width:calc(100% - 60px)}.c-subMenu.full{width:100%}.c-subMenu__box{display:none}.c-subMenu__box .slick-arrow{top:calc(50% - 10px);width:10px;height:20px}.c-subMenu__box .slick-prev{left:-30px}.c-subMenu__box .slick-next{right:-30px}.c-subMenu__box__item{font-size:16px}.c-subMenu__box__item__link{padding:27.5px 5px}.c-subMenu__select{display:block}.c-subMenu.j-subMenuFixed .c-subMenu__box{display:flex}.c-subMenu__box:not(.j-subMenu-slick){left:-30px;width:calc(100% + 60px)}}@media screen and (max-width:767px){.c-subMenu.fixed{position:sticky}.c-subMenu.j-subMenuFixed{position:absolute;top:0;left:calc(50% - 50vw);display:block;width:100vw}.c-subMenu__box{padding:0 60px}.c-subMenu__box::before,.c-subMenu__box::after{content:'';position:absolute;top:0;display:block;width:60px;height:100%;background:linear-gradient(to right,#fff 70%,rgba(255,255,255,0) 100%);z-index:10}.c-subMenu__box::before{left:0}.c-subMenu__box::after{right:0;transform:scaleX(-1)}.c-subMenu__box .slick-list,.c-subMenu__box .slick-track{overflow:visible}.c-subMenu__box .slick-prev{left:30px}.c-subMenu__box .slick-next{right:30px}.c-subMenu__box__item{width:auto}.c-subMenu__box__item::before{height:3px}.c-subMenu__box__item::after{display:none}.c-subMenu__box__item.active,.c-subMenu__box__item:hover{color:#000}.c-subMenu__box__item__link{padding:20px 12.5px}.c-subMenu.fixed{position:fixed}.c-subMenu__box:not(.j-subMenu-slick),.c-subMenu.j-subMenuFixed .c-subMenu__box:not(.j-subMenu-slick){display:none}.c-subMenuSelect{position:sticky;display:block;margin:0 auto 30px auto}.c-subMenuSelect.fixed::before{left:calc(50% - 50vw);width:100vw}.c-subMenuSelect.fixed .c-subMenuSelect__select{left:-25px;width:calc(100% + 50px)}}@media screen and (max-width:575px){.c-subMenu__box{padding:0 40px}.c-subMenu__box::before,.c-subMenu__box::after{width:45px}.c-subMenu__box .slick-prev{left:20px}.c-subMenu__box .slick-next{right:20px}.c-subMenu__box__item{font-size:15px}.c-subMenu__select{height:50px}.c-subMenuSelect{width:100%}.c-subMenuSelect.fixed{padding:0 10px}}@media (any-hover:none){.c-subMenu__box__item:hover::before{opacity:0}}@supports (-webkit-touch-callout:none){}
.c-visionchart{display:block;width:100%;padding:130px 0;overflow:hidden}.c-visionchart__inner{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between}.c-visionchart__inner__content{width:calc(50% - 60px);max-width:600px;margin:0 60px 0 0;animation-name:fadeInUp}.c-visionchart__inner__content__title{display:block}.c-visionchart__inner__content__title .c-title01__sub{margin:10px 0 0 0}.c-visionchart__inner__content__sub{display:block;width:100%;margin:40px 0 0 0;font-size:20px;line-height:1.5;color:#4a4a4a}.c-visionchart__inner__content__text{display:block;width:100%;margin:25px 0 0 0;font-size:16px;line-height:2;color:var(--textColor)}.c-visionchart__inner__content__sub+.c-visionchart__inner__content__text{margin:5px 0 0 0}.c-visionchart__inner__chart{display:flex;align-items:flex-start;align-content:flex-start;justify-items:center;justify-content:center;width:50%;animation-name:fadeInUp}.c-visionchart__inner__chart__pic{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:485px;height:485px;flex:0 0 auto}.c-visionchart__inner__chart__pic__logo{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;background:#f2f2f6;flex:0 0 auto}.c-visionchart__inner__chart__pic__logo img{width:55%}.c-visionchart__inner__chart__circle{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../svg/vision_intro__circle.svg) center no-repeat;background-size:contain;transform-origin:center;animation:rolling 20s linear infinite reverse}.c-visionchart__inner__chart__circle::after{content:'';position:absolute;top:calc(11.5% - 5px);left:calc(19.5% - 5px);display:block;width:10px;height:10px;background:#000;border-radius:50%;overflow:hidden}.c-visionchart__inner__chart__circle__item{position:absolute;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:175px;height:150px;font-size:16px;line-height:1.5;color:#fff;font-family:'NotoSansTC-M';text-align:center;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);-webkit-clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);overflow:hidden;z-index:10;transform-origin:center;animation:rolling 20s linear infinite}.c-visionchart__inner__chart__circle__item:nth-child(1){top:calc(40% - 75px);left:calc(3% - 87.5px);color:#000;background:#000}.c-visionchart__inner__chart__circle__item:nth-child(1)::before{content:'';position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);-webkit-clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);z-index:-10}.c-visionchart__inner__chart__circle__item:nth-child(2){top:calc(19% - 65px);left:calc(88% - 72.5px);width:145px;height:125px;background:var(--mainColor)}.c-visionchart__inner__chart__circle__item:nth-child(3){top:calc(94% - 75px);left:calc(72% - 87.5px);background:var(--subColor)}.c-visionchart__inner__chart__pic__dashed{position:absolute;top:calc(50% - 165px);left:calc(50% - 165px);display:block;width:330px;height:330px;background:url(../svg/vision_intro_dashedcircle.svg) center no-repeat;background-size:contain;border-radius:50%}.c-visionchart__inner__chart__pic__dashed__dot{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transform-origin:center;animation:rollingDot 15s linear infinite}.c-visionchart__inner__chart__pic__dashed__dot::after{content:'';position:absolute;top:calc(83.5% - 5px);left:calc(13% - 5px);display:block;width:10px;height:10px;border-radius:50%;background:var(--subColor)}.c-visionchart__inner__chart__pic__textCircle{position:absolute;top:calc(50% - 125px);left:calc(50% - 125px);display:block;width:250px;height:250px;filter:brightness(.6);transform-origin:center;animation:rolling 10s linear infinite;user-select:none;pointer-events:none}@media screen and (max-width:991px){.c-visionchart{padding:110px 0 150px 0}.c-visionchart__inner{display:block}.c-visionchart__inner__content{width:100%;max-width:600px;margin:0 auto}.c-visionchart__inner__content__sub{margin:30px 0 0 0;font-size:18px;text-align:center}.c-visionchart__inner__content__text{margin:25px 0 0 0;font-size:15px;text-align:center}.c-visionchart__inner__chart{width:100%;max-width:485px;margin:95px auto 0 auto}.c-visionchart__inner__chart__circle__item:nth-child(1){left:calc(3% - 87.5px)}.c-visionchart__inner__chart__circle__item:nth-child(2){top:calc(19% - 62.5px);left:calc(88% - 72.5px);width:145px;height:125px}.c-visionchart__inner__chart__circle__item:nth-child(3){left:calc(72% - 87.5px)}}@media screen and (max-width:767px){.c-visionchart{padding:65px 0 85px 0}.c-visionchart__inner__chart{max-width:220px;margin:55px auto 0 auto}.c-visionchart__inner__chart__pic{width:220px;height:220px}.c-visionchart__inner__chart__pic__dashed{top:calc(50% - 75px);left:calc(50% - 75px);width:150px;height:150px;background:url(../png/vision_intro_dashedcircle_mb.png) center no-repeat;background-size:90% auto}.c-visionchart__inner__chart__pic__dashed__dot{display:none}.c-visionchart__inner__chart__pic__textCircle{display:none}.c-visionchart__inner__chart__pic__logo{width:80px;height:80px}.c-visionchart__inner__chart__pic__logo img{width:80%}.c-visionchart__inner__chart__circle::before{content:'';position:absolute;top:calc(86.5% - 5px);left:calc(16% - 5px);display:block;width:10px;height:10px;border-radius:50%;background:var(--subColor)}.c-visionchart__inner__chart__circle__item{width:100px;height:90px}.c-visionchart__inner__chart__circle__item:nth-child(1){top:calc(55% - 75px);left:calc(3% - 50px);overflow:visible}.c-visionchart__inner__chart__circle__item:nth-child(2){top:calc(19% - 37.5px);left:calc(88% - 45px);width:90px;height:75px}.c-visionchart__inner__chart__circle__item:nth-child(3){top:calc(88% - 45px);left:calc(79% - 50px)}.c-visionchart__inner__chart__circle__item{font-size:12px}}@media screen and (max-width:575px){.c-visionchart__inner__content__sub{margin:25px 0 0 0;font-size:16px}.c-visionchart__inner__content__text{font-size:14px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
body{overflow:visible}.vision{display:block;width:100%;margin:80px auto 0 auto;overflow:visible}.vision .c-subMenu{display:block;width:calc(100% - 120px);max-width:1380px;margin:0 auto}.vision .c-subMenu__box:not(.j-subMenu-slick){left:0;width:100%}.vision__intro{padding:110px 0 90px 0}.vision__sustainable{display:block;width:100%;padding:120px 0;background:#f2f2f6;overflow:hidden}.vision__sustainable__inner{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between}.vision__sustainable__inner__content{width:100%;animation-name:fadeInUp}.vision__sustainable__inner__content__title{justify-items:center;justify-content:center;text-align:center}.vision__sustainable__inner__content__title .c-title01__main{width:100%}.vision__sustainable__inner__content__title .c-title01__sub{width:100%;margin:10px 0 0 0}.vision__sustainable__inner__content__text{display:block;width:100%;margin:25px 0 0 0;font-size:16px;line-height:2;color:var(--textColor);text-align:center}.vision__sustainable__inner__chart{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-end;justify-content:flex-end;width:calc(50% - 30px);max-width:555px;animation-name:fadeInUp}.vision__sustainable__inner__chart__item{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:200px;height:200px;margin:0 -12.5px;padding:5px;text-align:center;background:rgba(255,255,255,.7);border-radius:50%;border:1px solid #e5e5e5;flex:0 0 auto}.vision__sustainable__inner__chart__item:nth-child(even){border-color:var(--mainColor);z-index:10}.vision__sustainable__inner__chart__item__title{display:block;width:100%;font-size:18px;line-height:1.2;color:#000;font-family:"NotoSansTC-B"}.vision__sustainable__inner__chart__item__text{display:block;width:100%;margin:2.5px 0 0 0;font-size:15px;line-height:1.3;color:var(--textColor)}.vision__istgc{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;height:650px;background:#1b1b1b;overflow:hidden}.vision__istgc__item{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:20vw;height:100%;padding:90px 5vw;color:#fff;border-right:1px solid rgba(255,255,255,.2);transition:width .5s .2s ease-in-out;overflow:hidden;animation-name:fadeIn}.vision__istgc__item::after{content:'';position:absolute;bottom:90px;right:2.5vw;display:block;width:10px;height:13px;background:url(../svg/icon_arrow_next_bold_white.svg) center no-repeat;background-size:contain;transition:right .5s .2s ease-in-out,transform .5s .2s ease-in-out,opacity .2s .2s}.vision__istgc__item:last-child{border:none}.vision__istgc__item__head{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:12.5vw;height:100%}.vision__istgc__item__head__title{display:block;width:100%;font-size:120px;line-height:.8;font-family:"Poppins-B";transition:opacity .2s ease-in-out;flex:0 0 auto}.vision__istgc__item__head__content{display:block;width:auto;max-width:100%;font-size:18px;line-height:1;font-family:"NotoSansTC-M";transform-origin:bottom left;white-space:nowrap;transition:opacity .2s ease-in-out;overflow:visible}.vision__istgc__item__content{display:block;width:18.5vw;height:100%;padding:0 10px 0 0;opacity:0;transition:opacity 0s .3s ease-in-out;flex:0 0 auto;scrollbar-width:thin;overflow:hidden;overflow-y:auto}.vision__istgc__item__content::-webkit-scrollbar{width:6px}.vision__istgc__item__content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.vision__istgc__item__content__text{display:block;width:100%;font-size:16px;line-height:2;text-align:justify}.vision__istgc__item__content__list{margin:30px 0 0 0}.vision__istgc__item__content__list li{margin:0;color:#fff}.vision__istgc__item__content__list li::before{background:#fff}.vision__istgc__item__bt{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;cursor:pointer}.vision__istgc.open .vision__istgc__item{width:15vw}.vision__istgc.open .vision__istgc__item .vision__istgc__item__head__title{opacity:.2}.vision__istgc.open .vision__istgc__item.active{width:40vw;padding:90px 5vw 90px 4vw;flex:0 0 auto}.vision__istgc.open .vision__istgc__item::after{opacity:0}.vision__istgc.open .vision__istgc__item.active::after{right:4vw;opacity:1;transform:rotate(180deg)}.vision__istgc.open .vision__istgc__item.active .vision__istgc__item__head__title{opacity:1}.vision__istgc.open .vision__istgc__item__head__content{opacity:0}.vision__istgc.open .vision__istgc__item.active .vision__istgc__item__head__content{opacity:1}.vision__istgc.open .vision__istgc__item.active .vision__istgc__item__content{opacity:1;z-index:10}@media screen and (max-width:1200px){.vision__sustainable{padding:85px 0}.vision__sustainable__inner{display:block}.vision__sustainable__inner__content{width:100%}.vision__sustainable__inner__content__title .c-title01__main__green{display:block}.vision__sustainable__inner__content__text{margin:20px 0 0 0;font-size:15px}.vision__sustainable__inner__chart{justify-items:center;justify-content:center;width:100%;max-width:none;margin:45px auto 0 auto}}@media screen and (max-width:991px){.vision__intro{padding:75px 0 120px 0}.vision__istgc{display:block;width:100%;padding:70px 30px;height:auto}.vision__istgc__item{display:block;width:100%;height:auto;padding:35px 0;border:none;border-top:1px solid rgba(255,255,255,.2);transition:none}.vision__istgc__item::after{display:none}.vision__istgc__item:last-child{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.vision__istgc__item__head{display:block;width:100%;margin:0 0 15px 0}.vision__istgc__item__content{width:100%;height:auto;padding:0;opacity:1;overflow:hidden}.vision__istgc__item__head__title{display:none}.vision__istgc__item__head__content{width:100%;transform:none}.vision__istgc__item__content__text{font-size:15px}.vision__istgc__item__content__list{margin:20px 0 0 0}.vision__istgc__item__bt{display:none}.vision__istgc.open .vision__istgc__item{width:100%}.vision__istgc.open .vision__istgc__item.active{width:100%;padding:35px 0}.vision__istgc.open .vision__istgc__item .vision__istgc__item__head__title,.vision__istgc.open .vision__istgc__item__head__content{opacity:1}}@media screen and (max-width:767px){.vision{position:static}.vision .c-subMenu{width:100%}.vision .c-subMenuSelect{width:calc(100% - 60px)}.vision__intro{padding:0 0 100px 0}.vision__sustainable{padding:70px 0}.vision__sustainable__inner__content__title{text-align:center}.vision__sustainable__inner__chart{flex-wrap:wrap;justify-items:center;justify-content:center;width:100%;max-width:270px;margin:45px auto 0 auto}.vision__sustainable__inner__chart__item{width:140px;height:140px;margin:-20px -7.5px;z-index:20}.vision__sustainable__inner__chart__item__title{font-size:15px}.vision__sustainable__inner__chart__item__text{max-width:100px;font-size:14px}.vision__sustainable__inner__chart__item__text br{display:none}}@media screen and (max-width:575px){.vision .c-subMenuSelect{width:calc(100% - 40px)}.vision__sustainable__inner__content__text{font-size:14px}.vision__istgc{padding:80px 20px}.vision__istgc__item{padding:25px 0}.vision__istgc__item__head__content{font-size:16px}.vision__istgc__item__content__text{font-size:14px}.vision__istgc__item__content__list{margin:5px 0 0 0}.vision__istgc__item__content__list li{font-size:14px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
