@charset "UTF-8";
.c-introBox01{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between}.c-introBox01.wow{animation-name:fadeInUp}.c-introBox01__inner{display:block;width:42%}.c-introBox01__inner:first-child:last-child{width:100%}.c-introBox01__inner__text{text-align:justify}.c-introBox__inner__list{counter-reset:number}.c-introBox02{display:flex;justify-content:flex-start;justify-items:flex-start;align-items:center;align-content:flex-start}.c-introBox02.wow{animation-name:fadeInUp}.c-introBox02__title{display:block;width:38%;max-width:415px;margin:0 70px 0 0}.c-introBox02__inner{display:flex;justify-content:space-between;justify-items:flex-start;align-items:flex-start;align-content:flex-start;width:100%;flex:0 1 auto}.c-introBox02__inner__text{display:block;width:calc(50% - 35px);text-align:justify}.c-introBox03{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:space-between}.c-introBox03.wow{animation-name:fadeInUp}.c-introBox03__item{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(50% - 30px)}.c-introBox03__item__title{display:block;width:100%;margin:0 0 20px 0;font-size:34px;line-height:1.1;letter-spacing:1px;color:inherit;font-family:'PlayfairDisplay','NotoSansTC';flex:0 0 auto}.c-introBox03__item__text{display:block;width:100%;margin:auto 0 0 0;text-align:justify}.c-introBox__inner__list__text{counter-increment:number;display:flex;justify-content:flex-start;justify-items:flex-start;align-items:flex-start;align-content:flex-start}.c-introBox__inner__list__text::before{content:counter(number,decimal)".";position:relative;top:0;left:0;display:inline-block;width:auto;color:inherit;font-size:inherit;font-family:inherit;margin:0 5px 0 0;flex:0 0 auto;pointer-events:none}.c-introBox__inner__list__text span{width:100%;flex:0 1 auto}.c-introBox04{display:block}.c-introBox04__content{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;margin:0 0 80px 0}.c-introBox04__content.wow{animation-name:fadeInUp}.c-introBox04__content:nth-child(odd) .c-introBox04__content__pic{order:1}.c-introBox04__content:last-child{margin:0}.c-introBox04__content.wow{animation-name:fadeInUp}.c-introBox04 .c-introBox01__inner{width:47%}.c-introBox04__content__pic{display:block;width:calc(53% - min(6%,100px))}@media screen and (max-width:1200px){.c-introBox04__content{display:block;margin:0 0 50px 0}.c-introBox04 .c-introBox01__inner{width:100%}.c-introBox04__content__pic{width:100%;height:auto;margin:0 0 30px 0}}@media screen and (max-width:991px){.c-introBox01{display:block}.c-introBox01__inner{width:100%;margin:0 0 60px 0}.c-introBox01__inner:last-child{margin:0}.c-introBox02{display:block}.c-introBox02__title{width:100%;max-width:100%;text-align:center;margin:0 0 25px 0}.c-introBox02__inner{display:block;width:100%}.c-introBox02__inner__text{width:100%;margin:0 0 15px 0}.c-introBox02__inner__text:last-child{margin:0}.c-introBox03{display:block}.c-introBox03__item{width:100%;margin:0 0 50px 0}.c-introBox03__item:last-child{margin:0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-introBox01__inner{margin:0 0 40px 0}.c-introBox01__inner__text{text-align:left}.c-introBox02__title{margin:0 0 15px 0}.c-introBox02__inner__text{text-align:left}.c-introBox03__item{margin:0 0 30px 0}.c-introBox03__item__title{margin:0 0 15px 0;font-size:30px}.c-introBox04__content{margin:0 0 40px 0}.c-introBox04__content__pic{margin:0 0 20px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.c-productBox.wow{animation-name:fadeInUp}.c-productBox__pic{display:block;width:100%}.c-productBox__pic::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 5%,rgba(0,0,0,.3) 25%,rgba(0,0,0,.2) 40%,transparent 100%);z-index:10;pointer-events:none}.c-productBox__pic__cover{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;transition:opacity .4s ease-in-out;z-index:50}.c-productBox__pic__cover::before{content:'Read More';position:relative;display:block;width:auto;max-width:100%;font-size:15px;line-height:1;letter-spacing:1px;color:#fff;font-family:'Questrial','NotoSansTC';flex:0 0 auto}.c-productBox__pic__cover-download{background:rgba(0,0,0,.5)}.c-productBox__pic__cover-download::before{content:'DOWNLOAD';font-size:13px;color:var(--mainColor);background:#fff;padding:15px 55px 13px 55px;opacity:.85}.c-productBox:hover .c-productBox__pic__cover,.c-productBox02:hover .c-productBox__pic__cover{opacity:1}.c-productBox__content{position:absolute;left:0;bottom:0;display:block;width:100%;padding:30px;color:#fff;font-family:'Questrial','NotoSansTC';pointer-events:none;z-index:60}.c-productBox__content__sub{display:block;width:100%;font-size:12px;line-height:1.2;color:inherit;opacity:.5;font-family:inherit;margin:0 0 5px 0}.c-productBox__content__title{display:block;width:100%;font-size:18px;line-height:1.2;color:inherit;font-family:inherit}.c-productBox__link{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:50;opacity:0}.c-productBox02.wow{animation-name:fadeInUp}.c-productBox02__content{display:block;width:100%;color:var(--mainColor);font-family:'Questrial','NotoSansTC'}.c-productBox02__content__title{display:block;width:100%;font-size:18px;line-height:1.6;color:inherit;font-family:inherit}.c-productBox02__content__text{display:block;width:100%;font-size:15px;line-height:1.5;color:#999;font-family:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-productBox02__pic{display:block;width:100%}.c-productBox02__content{margin:15px 0 0 0}.c-productBox02__content__text{margin:5px 0 0 0}@media screen and (max-width:991px){.c-productBox__content__title{font-size:16px}.c-productBox__content{padding:20px}.c-productBox02__content__title{font-size:16px}.c-productBox02__content__text{margin:0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-productBox02__content__text{font-size:14px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.projects{display:block;width:100%;overflow:hidden}.projects__content{margin:30px auto 60px auto}.projects__head{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;height:100%;z-index:10;max-width:865px;width:calc(100% - 60px);margin:0 auto;color:var(--mainColor);text-align:center;margin:0 auto 80px auto}.projects__head.wow{animation-name:fadeInUp}.projects__head__title{display:block;width:100%;font-size:34px;line-height:1.5;letter-spacing:1px;color:inherit;font-family:'PlayfairDisplay','NotoSansTC'}.projects__head__title::after{content:'';position:relative;top:0;left:calc(50% - 20px);display:block;width:40px;height:1px;background:var(--mainColor);opacity:.5;margin:20px 0}.projects__head__text{display:block;width:100%;font-size:15px;line-height:1.9;color:var(--textColor);font-family:'Questrial','NotoSansTC'}.projects__head__author{display:block;width:100%;margin:20px auto 0 auto;font-size:15px;line-height:1.9;color:var(--textColor);font-family:'NotoSansTC'}.projects__series{margin:60px auto}.projects__series__inner{left:-15px;display:flex;justify-content:flex-start;justify-items:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;width:calc(100% + 30px);margin:0 0 -30px 0}.projects__series__inner__item{width:calc((100% / 3) - 30px);margin:0 15px 30px 15px}@media screen and (max-width:991px){.projects__content{margin:45px auto 60px auto}.projects__head{width:calc(100% - 150px);margin:0 auto 60px auto}.projects__series{margin:60px auto}.projects__series__inner{left:-10px;width:calc(100% + 20px);margin:0 0 -20px 0}.projects__series__inner__item{width:calc(50% - 20px);margin:0 10px 20px 10px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.projects__content{margin:20px auto 50px auto}.projects__head{width:calc(100% - 50px);margin:0 auto 50px auto}.projects__head__title{font-size:30px}.projects__head__text,.projects__head__author{font-size:14px}.projects__series{margin:50px auto}.projects__series__inner{left:0;display:block;width:100%;margin:0 0 -20px 0}.projects__series__inner__item{width:100%;margin:0 0 20px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}