@charset "UTF-8";
.c-intro{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:100%}.c-intro.wow{animation-name:fadeInUp}.c-intro__pic{display:block;width:calc(50% - 20px)}.c-intro__pic.wow{animation-name:fadeInLeft}.c-intro__content{display:block;width:calc(50% - 20px);max-width:615px}.c-intro__content.wow{animation-name:fadeInRight}.c-intro__content__title{display:block;width:100%;font-size:28px;line-height:1.2;color:var(--titleColor);font-family:'NotoSansTC-M'}.c-intro__content__sub{display:block;width:100%;margin:5px 0 10px 0;font-size:20px;line-height:1.2;color:var(--titleColor);font-family:'NotoSansTC-M'}.c-intro__content__text{display:block;width:100%;margin:20px 0 0 0;font-size:16px;line-height:2;color:var(--textColor);text-align:justify}@media screen and (max-width:991px){.c-intro{display:block}.c-intro__pic{width:100%}.c-intro__content{width:100%;max-width:none;margin:22.5px 0 0 0}.c-intro__content__title{font-size:20px}.c-intro__content__sub{margin:5px 0 0 0;font-size:16px}.c-intro__content__text{margin:10px 0 0 0;font-size:15px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-intro__content__title{font-size:16px}.c-intro__content__sub{font-size:15px}.c-intro__content__text{font-size:14px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.brand{margin:100px 0 0 0}.brand__intro{margin:0 auto 165px auto}.brand__intro__title{display:block;width:100%;margin:0 0 50px 0;padding:0 0 0 25px;font-size:30px;line-height:1;color:var(--titleColor);font-family:'NotoSansTC-M';border-left:5px solid var(--mainColor);animation-name:fadeInUp}.brand__intro__sec01{display:block;width:100%;margin:0 auto 85px auto}.brand__intro__sec01__item{margin:0 auto 85px auto}.brand__intro__sec01__item:last-child{margin:0 auto}.brand__intro__sec01__item:nth-child(even) .c-intro__pic{order:2;animation-name:fadeInRight}.brand__intro__sec01__item:nth-child(even) .c-intro__content{animation-name:fadeInLeft}.brand__intro__sec02{display:block;width:100%;margin:0 0 35px 0}.brand__intro__sec02__title{display:block;width:100%;margin:0 auto 50px auto;text-align:center;animation-name:fadeInUp}.brand__intro__sec02__title__main{display:block;width:100%;font-size:28px;line-height:1.2;color:var(--titleColor);font-family:'NotoSansTC-M'}.brand__intro__sec02__title__text{display:block;width:100%;margin:15px auto 0 auto;font-size:16px;line-height:2;color:var(--textColor)}.brand__intro__sec02__box{left:-20px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 40px)}.brand__intro__sec02__box__item{display:block;width:calc(50% - 40px);margin:0 20px 55px 20px;animation-name:fadeInUp}.brand__intro__sec02__box__item__pic{display:block;width:100%}.brand__intro__sec02__box__item__content{display:block;width:100%;margin:17.5px 0 0 0}.brand__intro__sec02__box__item__content__title{display:block;width:100%;font-size:18px;line-height:1.2;color:var(--titleColor);font-family:'NotoSansTC-M'}.brand__intro__sec03{display:block;width:100%;margin:0 auto 85px auto}.brand__intro__sec03__item{margin:0 auto 90px auto}.brand__intro__sec03__item:last-child{margin:0 auto}.brand__intro__sec03__item:nth-child(odd) .c-intro__pic{order:2;animation-name:fadeInRight}.brand__intro__sec03__item:nth-child(odd) .c-intro__content{animation-name:fadeInLeft}.brand__intro__sec04{display:block;width:100%;margin:90px auto 0 auto}.brand__intro__sec04__edit,.brand__intro__sec04__pic{display:block;width:100%;animation-name:fadeInUp}.brand__video{display:block;width:100%;padding:90px 0 145px 0;background:url(/assets/images/common/texture.png) center repeat;background-size:auto;overflow:hidden}.brand__video__lineBg{top:50%;bottom:auto}.brand__video__title{margin:0 auto 70px auto;animation-name:fadeInUp}.brand__video__box{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:70%;max-width:1100px;overflow:visible;animation-name:fadeInUp}.brand__video__box .slick-list,.brand__video__box .slick-track{overflow:visible}.brand__video__box .slick-arrow{top:calc(50% - 40px);display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:80px;height:80px;background:#fff;transform:none;box-shadow:3px 3px 8px rgba(0,0,0,.08)}.brand__video__box .slick-arrow:hover{opacity:1}.brand__video__box .slick-arrow.slick-disabled::before{opacity:.4}.brand__video__box .slick-arrow::before{content:'';position:relative;display:block;width:10px;height:20px;background:url(/assets/images/common/icon_arrow_next_thin_black.svg) center no-repeat;background-size:contain;transition:opacity .4s ease-in-out}.brand__video__box .slick-prev{left:15px}.brand__video__box .slick-prev::before{transform:scaleX(-1)}.brand__video__box .slick-next{right:15px}.brand__video__box .slick-arrow:hover::before{opacity:.7}.brand__video__box__item{display:block;width:100%;margin:0 75px;opacity:.4;transition:opacity .4s .3s ease-in-out;pointer-events:none;flex:0 0 auto}.brand__video__box__item.slick-current{opacity:1;pointer-events:all}.brand__goto{display:block;width:100%;padding:190px 0 120px 0;opacity:1;overflow:visible}.brand__goto::before{content:'';position:absolute;top:-50px;left:calc(50% - .5px);display:block;width:1px;height:130px;background:rgba(0,0,0,.2);transform-origin:top center;transform:scaleY(0);transition:transform .8s .2s ease-in-out}.brand__goto__content__text{display:block;width:100%;font-size:28px;line-height:1.2;color:var(--titleColor);text-align:center;opacity:0;transform:translateY(10px);transition:transform .8s .6s ease-in-out,opacity .8s .6s ease-in-out}.brand__goto__content__link{max-width:160px;margin:35px auto 0 auto;opacity:0;transform:translateY(10px);transition:transform .8s .8s ease-in-out,opacity .8s .8s ease-in-out}.brand__goto.animated::before{transform:none}.brand__goto.animated .brand__goto__content__text,.brand__goto.animated .brand__goto__content__link{opacity:1;transform:none}@media screen and (max-width:991px){.brand{margin:80px 0 0 0}.brand__intro{margin:0 auto 125px auto}.brand__intro__title{margin:0 0 45px 0;font-size:25px}.brand__intro__sec01{margin:0 auto 65px auto}.brand__intro__sec01__item{margin:0 auto 65px auto}.brand__intro__sec02{margin:0 0 30px 0}.brand__intro__sec02__title{margin:0 auto 35px auto}.brand__intro__sec02__title__main{font-size:20px}.brand__intro__sec02__title__text{margin:10px auto 0 auto}.brand__intro__sec02__box{left:-10px;width:calc(100% + 20px)}.brand__intro__sec02__box__item{width:calc(50% - 20px);margin:0 10px 40px 10px}.brand__intro__sec02__box__item__content{margin:12.5px 0 0 0}.brand__intro__sec02__box__item__content__title{font-size:15px}.brand__intro__sec03{margin:0 auto 65px auto}.brand__intro__sec03__item{margin:0 auto 65px auto}.brand__intro__sec04{margin:70px auto 0 auto}.brand__video{padding:100px 0 120px 0}.brand__video__lineBg{top:90px;display:block}.brand__video__title{margin:0 auto 45px auto}.brand__video__box{width:100%}.brand__video__box .slick-prev{left:15px}.brand__video__box .slick-next{right:15px}.brand__video__box__item{width:calc(100% - 100px);margin:0 50px;opacity:1}.brand__video__title{margin:0 auto 45px auto}.brand__goto{padding:135px 0 100px 0}.brand__goto::before{top:-25px;height:100px}.brand__goto__content__text{font-size:20px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.brand{margin:45px 0 0 0}.brand__intro{margin:0 auto 110px auto}.brand__intro__title{margin:0 0 25px 0;padding:0 0 0 15px;font-size:20px;border-left:4px solid var(--mainColor)}.brand__intro__sec01{margin:0 auto 50px auto}.brand__intro__sec01__item{margin:0 auto 50px auto}.brand__intro__sec02{margin:0 0 20px 0}.brand__intro__sec02__title{margin:0 auto 30px auto}.brand__intro__sec02__title__main{font-size:16px}.brand__intro__sec02__title__text{font-size:14px}.brand__intro__sec02__box{left:0;width:100%}.brand__intro__sec02__box__item{width:100%;margin:0 0 30px 0}.brand__intro__sec03{margin:0 auto 50px auto}.brand__intro__sec03__item{margin:0 auto 50px auto}.brand__intro__sec04{margin:50px auto 0 auto}.brand__video{padding:55px 0 140px 0}.brand__video__title{margin:0 auto 35px auto}.brand__video__box .slick-arrow{top:auto;bottom:-75px;left:auto;right:20px;width:50px;height:50px}.brand__video__box .slick-arrow::before{width:8px;height:15px}.brand__video__box .slick-prev{right:70px;border-right:1px solid #f2f2f2}.brand__video__box__item{width:calc(100% - 40px);margin:0 20px}.brand__goto{padding:100px 0 90px 0}.brand__goto::before{top:-20px;height:70px}.brand__goto__content__text{font-size:17px}.brand__goto__content__link{max-width:140px;margin:20px auto 0 auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}