@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){}
body,main{overflow:visible}.product{display:block;width:100%;margin:80px auto 0 auto;overflow:visible}.product__submenu{width:calc(100% - 120px);max-width:1300px;margin:0 auto 160px auto;overflow:visible}.product__head{display:block;margin:0 auto 50px auto;text-align:center}.product__head__title{display:block;width:100%;font-size:30px;line-height:1.4;color:var(--titleColor);font-family:'NotoSansTC-M';animation-name:fadeInUp}.product__box__section{padding:125px 0 95px 0}.product__box__section__item{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;max-width:1400px}.product__box__section__item__pic{display:block;width:60%;animation-name:fadeInLeft;flex:0 0 auto}.product__box__section__item__content{display:block;width:calc(50% - 20px);margin:165px 0 0 calc(-10% + 20px);padding:80px 50px 60px 50px;background:#fff;box-shadow:0 0 73px rgba(0,0,0,.18);animation-name:fadeInRight;z-index:10}.product__box__section__item__content__title{display:block;width:100%;font-size:28px;line-height:1.7;color:var(--titleColor);font-family:'NotoSansTC-B'}.product__box__section__item__content__text{display:block;width:100%;font-size:16px;line-height:2;color:var(--textColor)}.product__box__section__item__content__text::before{content:'';position:relative;display:block;width:60px;height:1px;margin:20px 0;background:#b2b2b2}.product__box__section__item__content__link{max-width:250px;margin:95px 0 0 auto;background:none}.product__box__section__item__content__btGroup{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-end;justify-content:flex-end;width:100%;margin:95px 0 0 auto}.product__box__section__item__content__btGroup__link{width:calc(50% - 20px);max-width:250px;margin:0 0 0 20px;background:none}.product__box__section:nth-child(even){background:#f2f2f6}.product__box__section:nth-child(even) .product__box__section__item__pic{order:2;animation-name:fadeInRight}.product__box__section:nth-child(even) .product__box__section__item__content{margin:165px calc(-10% + 20px) 0 0;animation-name:fadeInLeft}@media screen and (max-width:1200px){.product__box__section__item__pic{width:55%}.product__box__section__item__content{padding:60px 50px}}@media screen and (max-width:991px){.product{margin:60px auto 0 auto}.product__submenu{margin:0 auto 100px auto}.product__head{margin:0 auto 15px auto}.product__head__title{font-size:28px}.product__box__section{padding:120px 0}.product__box__section__item{display:block}.product__box__section__item__pic{width:100%}.product__box__section__item__content,.product__box__section:nth-child(even) .product__box__section__item__content{width:calc(100% - 60px);margin:-50px auto 0 auto}.product__box__section__item__content__title{font-size:25px}.product__box__section__item__content__link{margin:55px 0 0 0}.product__box__section__item__content__btGroup{justify-items:flex-start;justify-content:flex-start;margin:55px 0 0 0}.product__box__section__item__content__btGroup__link{margin:0 20px 0 0}}@media screen and (max-width:767px){.product{position:static}.product__submenu{width:100%}}@media screen and (max-width:575px){.product{margin:75px auto 0 auto}.product__head{margin:0 auto 35px auto}.product__head__title{font-size:20px}.product__box__section{padding:65px 0}.product__box__section:last-child{padding:65px 0 90px 0}.product__box__section__item__content{padding:0;background:none;box-shadow:none}.product__box__section__item__content,.product__box__section:nth-child(even) .product__box__section__item__content{width:100%;margin:15px 0 0 0}.product__box__section__item__content__title{font-size:18px;line-height:1.4}.product__box__section__item__content__text{font-size:14px}.product__box__section__item__content__text::before{content:'';width:40px;margin:15px 0}.product__box__section__item__content__link{max-width:none;margin:35px 0 0 0}.product__box__section__item__content__btGroup{justify-content:space-between;margin:35px 0 0 0}.product__box__section__item__content__btGroup__link{width:calc(50% - 10px);margin:0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
