@charset "UTF-8";
.c-product{display:block;width:100%}.c-product__pic{display:block;width:100%}.c-product__pic__link{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,.7);opacity:0;transition:opacity .4s ease-in-out;z-index:10}.c-product:hover .c-product__pic__link{opacity:1}.c-product__pic__link::before{content:'Read More';position:relative;display:block;width:auto;max-width:100%;font-size:20px;line-height:1;color:#fff;font-family:"Montserrat"}.c-product__pic__link::after{content:'';position:relative;display:block;width:7px;height:14px;margin:0 0 0 30px;background:url(/assets/images/common/icon_arrow_next_gray.svg) center no-repeat;background-size:contain;filter:brightness(0) invert(1);flex:0 0 auto}.c-product__content{display:block;width:100%;margin:15px 0 0 0}.c-product__content__title{display:block;width:100%;font-size:16px;line-height:1.5;color:var(--textColor);font-family:"NotoSerifTC-B"}.c-product__content__title::after{content:'... More';display:none;padding:0 0 0 5px;font-size:15px;color:var(--mainColor);font-family:"NotoSansTC"}.c-product__content__text{display:block;width:100%;margin:5px 0 0 0;font-size:15px;line-height:1.8;color:var(--textColor);opacity:.7}.c-product__content__text::after{content:'... More';display:none;padding:0 0 0 5px;font-size:inherit;line-height:inherit;color:var(--mainColor);font-family:"NotoSansTC"}@media screen and (max-width:991px){.c-product__pic{position:static}.c-product:hover .c-product__pic__link{opacity:0}.c-product__content__title{font-size:16px}.c-product__content__title:last-child:after,.c-product__content__text::after{display:inline}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-product__content{margin:10px 0 0 0}.c-product__content__title{font-size:15px}.c-product__content__text{margin:0;font-size:14px}}@media (any-hover:none){.c-product__pic{position:static}.c-product:hover .c-product__pic__link{opacity:0}.c-product__content__title:last-child::after,.c-product__content__text::after{display:inline}}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:space-between;width:100%;padding:55px 0 0 0;border-top:1px solid rgba(0,0,0,.2)}.c-page__num{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;flex:0 1 auto}.c-page__num a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;font-size:16px;line-height:1;color:var(--textColor);font-family:"Montserrat";border-radius:50%;transition:background-color .4s ease-in-out;overflow:hidden}.c-page__num a:hover,.c-page__num a.active{background:var(--mainColor);color:#fff}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;margin:0 0 0 20px;transition:opacity .4s ease-in-out}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:block;width:10px;height:20px;margin:0 0 0 25px;font-size:16px;line-height:1;color:var(--textColor);font-family:"Montserrat";background:url(/assets/images/common/icon_arrow_next_gray.svg) center no-repeat;background-size:contain}.c-page__prev{margin:0 20px 0 0}.c-page__prev::before{margin:0 25px 0 0;transform:scaleX(-1)}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev.disable,.c-page__next.disable{opacity:.5;pointer-events:none}.c-page-detail{padding:45px 0 0 0}.c-page__back{width:170px}.c-page-detail .c-page__prev::before{margin:0 30px 0 0}.c-page-detail .c-page__next::after{margin:0 0 0 30px}@media screen and (max-width:991px){.c-page{padding:35px 0 0 0}.c-page-detail{padding:45px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{padding:25px 0 0 0}.c-page__prev,.c-page__next{width:10px;height:20px;font-size:0}.c-page__prev::before,.c-page__next::after{margin:0}.c-page-detail{flex-wrap:wrap}.c-page__back{width:100%;margin:0 auto 10px auto}.c-page-detail .c-page__prev,.c-page-detail .c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:calc(50% - 5px);margin:0;padding:24px 5px;font-size:15px;background:#fff;border:1px solid #a7a7a7;order:2}}@supports (-webkit-touch-callout:none){}
.case{margin:90px auto 100px auto}.case__select{display:none}.case__box{left:-10px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 20px)}.case__box__item{width:calc(33.33% - 20px);margin:0 10px 70px 10px}.acc__leaf-01{top:250px;left:calc(50% + 50vw - 85px);width:100px;opacity:0;transform-origin:bottom left;animation-name:rotateInUpLeft}.acc__leaf-01 img{transform:rotate(-60deg)}.acc__leaf-02{top:395px;left:calc(50% + 50vw - 180px);width:50px}.acc__leaf-02 img{transform:rotate(60deg)}.acc__leaf-03{top:1212.5px;right:-70px;width:100px}.acc__leaf-03 img{transform:rotate(180deg)}.acc__leaf-04{top:1370px;left:calc(50% + 50vw - 35px);width:60px}.acc__leaf-04 img{transform:scaleX(-1)}.acc__leaf-05{top:1400px;left:calc(50% + 50vw - 135px);width:230px;opacity:0;transform-origin:bottom left;animation-name:rotateInUpLeft}.acc__leaf-05 img{transform:rotate(-60deg)}.acc__leaf-06{top:620px;right:calc(50% + 50vw - 300px);width:400px;opacity:0;animation-name:rotateInDownLeft}.acc__leaf-07{top:max(1200px,calc(100% - 130px));right:calc(50% + 50vw - 150px);width:230px;opacity:0;animation-name:rotateInDownLeft}.acc__leaf-07 img{transform:scaleX(-1) rotate(-45deg)}@media screen and (max-width:991px){.case{margin:65px auto 100px auto}.case__box{left:auto;justify-content:space-between;width:100%}.case__box__item{width:calc(50% - 15px);margin:0 0 60px 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.case{margin:40px auto 70px auto}.case__select{display:block;margin:0 auto 25px auto}.case__box__item{width:100%;margin:0 0 45px 0}}