@charset "UTF-8";main{clip-path:polygon(0 -100%,110% 0,100% 100%,0 100%)}section.unitTitle{position:relative;z-index:1}section.unitTitle .container{grid-column:3/-2}@media only screen and (max-width: 767px){section.unitTitle .container{grid-column:2/-2}}section.category{position:relative;z-index:1}section.category .container{grid-column:3/-3}@media only screen and (max-width: 767px){section.category .container{grid-column:2/-2}}section.main .bg-img{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}section.main .bg-img img{display:block;width:100%;height:100%;object-fit:cover}section.main .container{grid-column:3/-3}@media only screen and (max-width: 767px){section.main .container{grid-column:2/-2}}section.main .container .content-wrap{padding-bottom:clamp(5rem,7.81vw,9.375rem)}@media only screen and (max-width: 767px){section.main .container .content-wrap{padding-top:30px}}section.main .container .no-content-wrap .no-content-box{padding:50px 0;min-height:500px;margin:auto}@media only screen and (max-width: 767px){section.main .container .no-content-wrap .no-content-box{padding:50px 0}}.brand-item-box{display:flex;flex-direction:column;gap:30px 0}@media only screen and (max-width: 767px){.brand-item-box{gap:80px 0}}.brand-item-box .item .paragraphText-wt{font-family:Noto Sans TC,"Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.brand-item-box .item .button-block{display:flex;gap:0 10px}.brand-item-box .item .title .logo{flex-shrink:0}@media only screen and (max-width: 767px){.brand-item-box .item .inner-content .button-block{margin-top:30px}.brand-item-box .item .inner-content .button-block .btn{min-width:176px;min-height:50px;width:176px;padding:15px 30px;color:#000;border:1px solid rgba(0,0,0,.2)}}@media only screen and (max-width: 767px) and (min-width: 1201px){.brand-item-box .item .inner-content .button-block .btn:hover{background-color:#000;color:#fff;border:1px solid transparent}}@media only screen and (max-width: 767px) and (max-width: 1200px){.brand-item-box .item .inner-content .button-block .btn:active{background-color:#000;color:#fff;border:1px solid transparent}}.brand-item-box .item[type=full]{position:relative}.brand-item-box .item[type=full] .img-box{display:block;overflow:hidden;min-height:max(47.4vw,500px);position:relative}.brand-item-box .item[type=full] .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:55.15%}.brand-item-box .item[type=full] .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.brand-item-box .item[type=full] .img-box img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}.brand-item-box .item[type=full] .inner-content{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-end;gap:0 7.8125vw;padding:2.6vw 3.9vw;width:100%}.brand-item-box .item[type=full] .text-block{display:flex;flex-direction:column;max-width:675px}.brand-item-box .item[type=full] .title{display:flex;align-items:center;flex-wrap:wrap;gap:10px 30px}.brand-item-box .item[type=full] .title .logo{width:150px}.brand-item-box .item[type=full] .title .itemTitle-rt{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.brand-item-box .item[type=full] .desc{margin-top:20px}@media only screen and (max-width: 1200px){.brand-item-box .item[type=full] .button-block{flex-direction:column;gap:10px}}@media only screen and (max-width: 767px){.brand-item-box .item[type=full] .img-box{min-height:unset;position:relative}.brand-item-box .item[type=full] .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:126.76%}.brand-item-box .item[type=full] .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.brand-item-box .item[type=full] .img-box img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}.brand-item-box .item[type=full] .inner-content{position:relative;flex-direction:column;align-items:center;margin-top:50px;padding:0}.brand-item-box .item[type=full] .inner-content .text-block{text-align:center}.brand-item-box .item[type=full] .inner-content .text-block .title{flex-direction:column;gap:10px}.brand-item-box .item[type=full] .inner-content .text-block .logo{width:120px}.brand-item-box .item[type=full] .desc{margin-top:30px}}.brand-item-box .item[type=full][text-color=black]{color:#000}.brand-item-box .item[type=full][text-color=white]{color:#fff}.brand-item-box .item[type=full][text-color=white] .img-box:after{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#0000004d 75.45%);content:""}.brand-item-box .item[type=full][text-color=white] .logo img{filter:invert(1)}@media only screen and (max-width: 767px){.brand-item-box .item[type=full][text-color=white]{color:#000}.brand-item-box .item[type=full][text-color=white] .img-box:after{content:none}.brand-item-box .item[type=full][text-color=white] .logo img{filter:invert(0)}.brand-item-box .item[type=full][text-color=white] .desc .paragraphText-wt{font-weight:300}}.brand-item-box .item[type=half]{display:flex;align-items:center;gap:0 11.718vw}@media only screen and (max-width: 1200px){.brand-item-box .item[type=half]{gap:0 clamp(3.125rem,7.81vw,9.375rem)}}.brand-item-box .item[type=half] .img-box{width:45.45%;max-width:750px;overflow:hidden;position:relative}.brand-item-box .item[type=half] .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:126.66%}.brand-item-box .item[type=half] .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.brand-item-box .item[type=half] .img-box img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}.brand-item-box .item[type=half] .inner-content{padding:clamp(3.125rem,7.81vw,9.375rem) clamp(1.875rem,3.9vw,4.6875rem) clamp(3.125rem,7.81vw,9.375rem) 0;flex:1}.brand-item-box .item[type=half] .title{display:flex;align-items:center;flex-wrap:wrap;gap:10px 30px}.brand-item-box .item[type=half] .title .logo{width:150px}.brand-item-box .item[type=half] .title .itemTitle-rt{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.brand-item-box .item[type=half] .desc{margin-top:clamp(1.875rem,2.6vw,3.125rem)}.brand-item-box .item[type=half] .desc .paragraphText-wt{font-weight:300}.brand-item-box .item[type=half] .button-block{margin-top:clamp(1.875rem,2.6vw,3.125rem)}@media only screen and (min-width: 1921px){.brand-item-box .item[type=half] .img-box,.brand-item-box .item[type=half] .inner-content{max-width:unset}}@media only screen and (max-width: 1200px){.brand-item-box .item[type=half] .button-block{flex-direction:column;gap:10px 0;max-width:200px}}@media only screen and (max-width: 900px){.brand-item-box .item[type=half] .inner-content .title{gap:10px 20px}.brand-item-box .item[type=half] .inner-content .logo{width:120px}}@media only screen and (max-width: 767px){.brand-item-box .item[type=half]{flex-direction:column}.brand-item-box .item[type=half] .img-box{width:100%;max-width:unset;position:relative}.brand-item-box .item[type=half] .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:126.76%}.brand-item-box .item[type=half] .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.brand-item-box .item[type=half] .img-box img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}.brand-item-box .item[type=half] .inner-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:unset;margin-top:50px;padding:0}.brand-item-box .item[type=half] .inner-content .text-block{text-align:center}.brand-item-box .item[type=half] .inner-content .title{flex-direction:column;align-items:center;gap:10px}.brand-item-box .item[type=half] .inner-content .logo{width:120px}}.brand-item-box .item[type=half].reverse-row{flex-direction:row-reverse}.brand-item-box .item[type=half].reverse-row .inner-content{padding:clamp(3.125rem,7.81vw,9.375rem) 0 clamp(3.125rem,7.81vw,9.375rem) clamp(1.875rem,3.9vw,4.6875rem)}@media only screen and (max-width: 767px){.brand-item-box .item[type=half].reverse-row{flex-direction:column}.brand-item-box .item[type=half].reverse-row .inner-content{padding:0}}@media only screen and (min-width: 1201px){.brand-item-box .item:hover .img-box img{width:105%;height:105%}}@media only screen and (max-width: 1200px){.brand-item-box .item:active .img-box img{width:105%;height:105%}}
