.brand-fit{padding: 40px 16px 0 16px;}
.brand-fit-item{width: 1320px;margin: 0 auto;max-width: 100%;}
.brand-fit-title{background: url(/assets/images/common/title.webp) no-repeat center;background-size: cover;border-radius: 30px;padding: 36px 0;margin-bottom: 80px;}
.brand-h1{font-size: 36px;font-weight: 600;color: #fff;text-align: center;}
.brand-h1 p, .brand-p{font-family: 'Radio Canada';font-size: 20px;font-weight: 600; color: #fff;text-align: center;}
.brand-h2{text-align: center;color: #000;font-weight: 500;font-size: 28px;}
.brand-h3,.brand-h3 a{font-size: 16px;color: #000;font-weight: 500;}
.brand-video{
	width: 646px;
    margin: 0 auto;
    max-width: 100%;
}
.brand-video .youtube-player{margin: 0!important;}
.brand-what .brand-h2{margin-top: 100px;}
.brand-what{padding: 40px 16px;}
.brand-what-item{width: 872px;margin: 0 auto;max-width: 100%;}
.brand-what-image{width: 100%;vertical-align: middle;margin-top: 60px;border-radius: 30px;}
.brand-what-ul{padding: 0 64px;font-size: 0;}
.brand-what-ul li{display: inline-block;vertical-align: top;padding: 0 24px;box-sizing: border-box;width: 33.33%;margin-top: 40px;}
.brand-what-ul .brand-h3{font-size: 18px;margin-bottom: 5px;margin-top: 5px;}
.brand-what-ul li img{vertical-align: middle;width: 48px;}
.brand-what-text{width: 646px;margin: 0 auto;max-width: 100%;margin-top: 50px;font-size: 16px;color: #000;line-height: 26px;}
.brand-what-text strong{color: #9471FF;font-weight: 600;}
.brand-what-text a{color: #9471FF;text-decoration: underline;}
.brand-edit img{max-width: 100%;vertical-align: middle;}
.brand-edit{margin-top: 60px;}
.brand-edit-content{width: 648px;max-width: 100%;margin: 0 auto;}
.brand-edit,.brand-edit p{color: #353943;font-size: 16px;font-weight: 400;}
.brand-edit p{line-height: 26px;}
.brand-edit blockquote{color: #6B707D;font-size: 14px;font-weight: 500;padding: 12px;background: #F2F2F2;border-bottom: 2px solid #9471FF;}
.brand-edit h3{color: #6C45D6;font-size: 18px;font-weight: 600;}
.brand-edit strong{font-weight: 600;color: #000;}
.brand-edit h4{font-size: 18px;color: #000;font-weight: 500;}
.brand-edit ul li,.brand-edit ol li{color: #4D525F;font-size: 16px;font-weight: 400;list-style: disc;}
.brand-edit ul,.brand-edit ol{padding-left: 20px;}
.further-reading{background: #F2F2F2;border-radius: 10px;padding: 12px;color: #353943;font-size: 14px;font-weight: 500;}
.further-reading img{display: inline-block;vertical-align: middle;margin-right: 10px;}
.further-reading a{color: #9471FF;font-weight: 600;text-decoration: underline;}
.brand-edit-item{background: url(/assets/images/common/brand-background-01.webp) no-repeat top center;background-size: 100% auto;padding: 50px 16px;}
.brand-edit th,.brand-edit td{padding: 15px 0;border-bottom: 1px solid rgba(127,127,127,0.3);color: #353943;font-size: 16px;font-weight: 500;}
.brand-edit-table{width: 1096px;border-radius: 30px;max-width: 100%;margin: 0 auto;background: #F2F2F2;padding: 0 49px;box-sizing: border-box;}
.brand-edit th{text-align: left;font-size: 22px;font-weight: 600;}
.brand-edit tr td:nth-child(1){color: #6C45D6;font-weight: 600;}
.brand-edit tr:last-child td{text-align: center;color: #353943;font-weight: 500;}
.brand-edit tr:last-child td{border-bottom: none;}
.brand-edit strong{color: #9471FF;font-weight: 600;}
.brand-flow{background: url(/assets/images/common/brand-background-02.webp) no-repeat center;background-size: cover;padding: 60px 16px;}
.brand-flow .brand-h2{color: #fff;}
.brand-question{background: url(/assets/images/common/brand-background-06.webp) no-repeat bottom center;background-size: cover;padding: 80px 16px;}
.brand-question .common-ask-bottom{width: 872px;max-width: 100%;margin: 0 auto;margin-top: 32px;margin-bottom: 80px;}
.brand-question .consult-top{background: #353943;}
.brand-question .consult-right-item{border-color:#353943;}
.brand-case{background: url(/assets/images/common/background-11.webp) no-repeat center;background-size: cover;padding: 80px 0;}
.tab-item{height: 0;overflow: hidden;}
.tab-item.active{height: auto;overflow: initial;}
.tab-button{text-align: center;margin: 46px 0 30px 0;}
.tab-button-item{display: inline-block;background: rgba(108,69,214,0.1);padding: 12px;border-radius: 30px;}
.tab-button-item a{display: inline-block;line-height: 43px;border-radius: 18px;padding: 0 33px;color: #9471FF;font-size: 16px;font-weight: 500;}
.tab-button-item a.active{background: #9471FF;color: #fff;}
.brand-recommend .video-top{margin-bottom: 16px;}
.brand-recommend .swiper-item .swiper-pagination{position: static;display: inline-block;width: auto;}
.brand-recommend .swiper-item .swiper-pagination-bullet{width: 8px;height: 8px;background: #D9D9D9;border-radius: 50%;}
.brand-recommend .swiper-item .swiper-pagination-bullet-active{background:#9471FF;}
.article-swiper,.video-swiper{padding-bottom:50px;}
.brand-check{background: url(/assets/images/common/background-10.webp) no-repeat center;background-size: cover;padding: 60px 4px;}
.brand-check .brand-h2{margin-bottom: 36px;}
.brand-check-ul{font-size: 0;width: 1076px;margin: 0 auto;max-width: 100%;}
.brand-check-ul li{margin-top: 24px;display: inline-block;width: 33.33%;padding: 0 12px;vertical-align: top;box-sizing: border-box;}
.brand-check-li{background: #fff;border-radius: 30px;padding: 36px;}
.brand-check-li img{width: 60px;vertical-align: middle;margin-bottom:30px;}
.brand-h3{font-size: 18px;font-weight: 500;}
.brand-h3 a{font-size: 18px;font-weight: 600;}
.brand-h3 span{display: block;}
.brand-check-text{color: #21272A;font-size: 14px;font-weight: 400;margin-top: 5px;line-height: 20px;min-height: 100px;}
.brand-legal{background: url(/assets/images/common/brand-background-03.webp) no-repeat center;background-size: cover;padding: 80px 16px;}
.brand-legal-ul{width: 968px;max-width: 100%;margin: 0 auto;background: #fff;padding: 48px;border-radius: 30px;box-sizing: border-box;}
.brand-legal .brand-h2{margin-bottom: 60px;}
.brand-share{background: #353943;padding: 60px 0;}
.brand-legal .brand-check-text{min-height: 60px;}
.brand-legal .brand-check-li{padding: 0;}
.brand-legal img{width: 48px;margin-bottom: 6px;}
.brand-share .brand-h2{color: #fff;}
.brand-share .tab-button-item a{color: #fff;}
.brand-share .tab-button-item{background: rgba(255,255,255,0.1);}
.brand-share .common-more-other{margin-top: 60px;}
.brand-table{background: url(/assets/images/common/background-08.webp) no-repeat center;background-size: cover;padding: 80px 16px;}
.brand-table .brand-h2{margin-bottom: 60px;}
.brand-table  tr td:nth-child(2){width: 30%;}
.brand-table  tr td:nth-child(3),.brand-table  tr td:nth-child(4){width: 20%;border-bottom:1px solid #E0E0E1;}
.brand-table  td{font-size: 14px;line-height: 20px;}
.brand-table tr td:nth-child(1){font-size: 16px;}
.brand-idea{background: url(/assets/images/common/brand-background-04.webp) no-repeat center;background-size: cover;padding: 60px 16px;}
.brand-idea-item{width: 646px;margin: 0 auto;max-width: 100%;}
.brand-idea-item img{width: 100%;border-radius: 30px;margin-bottom: 60px;}
.brand-idea-text{padding: 0 113px;}
.brand-flow .brand-check-ul li{width: 25%;}
.brand-flow .brand-check-li img{margin-bottom: 16px;}
.brand-check-text strong{color: #9471FF;font-weight: 600;}
.brand-check-text a{color: #9471FF;text-decoration: underline;}
.brand-check-text li {
    list-style: disc !important;
    list-style-position: inside !important; 
    width: 100%!important;
    margin: 0!important;
    padding-left: 0 !important;
    display: list-item !important; 
}
.brand-flow  .brand-check-text{min-height: 80px;}
.brand-flow  .common-more-other{margin-top: 60px;}
.brand-contact{width: 1020px;margin: 50px auto 150px auto;max-width: 100%;}
.brand-contact-ul{font-size: 0;}
.brand-contact-ul li{width: 50%;box-sizing: border-box;padding: 0 15px;vertical-align: top;display: inline-block;}
.brand-contact-li{border-radius: 30px;overflow: hidden;background: #fff;}
.brand-contact-li img{width: 100%;vertical-align: middle;transition: all .6s;}
.brand-contact-image{overflow: hidden;}
.brand-contact-bottom{padding: 25px 30px;line-height: 25px;}
.brand-contact-bottom,.brand-contact-bottom p{color: rgba(33, 39, 42, 1);font-size: 14px;font-weight: 600;}
.brand-contact-bottom a{color: rgba(148, 113, 255, 1);text-decoration: underline;}
.brand-contact-bottom .brand-h3 a{color: #000;text-decoration: none;}
.brand-contact-link{font-size: 0;}
.brand-contact-link-item{display: inline-block;width: 33.33%;vertical-align: top;box-sizing: border-box;padding: 0 5px;margin-top: 50px;}
.brand-contact-link-item a{background: rgba(148, 113, 255, 1);border-radius: 18px;line-height: 48px;text-align: center;color: #fff;font-size: 16px;font-weight: 500;display: block;}
.brand-contact-link-item img{width: 24px;vertical-align: middle;margin-right: 10px;margin-bottom: 6px;}
.brand-mouth-title{color: rgba(148, 113, 255, 1);font-size: 16px;font-weight: 500;text-align: center;margin-bottom: 50px;}
.brand-team-title{color: #fff;font-size: 20px;font-weight: 500;text-align: center;margin-bottom: 50px;}
.brand-feature .brand-legal-ul{width: 698px;margin: 0 auto;}
.brand-feature .brand-check-li{text-align: center;}
.brand-team-bottom{background: url(/assets/images/common/text-block-background.webp) no-repeat;background-size: cover;overflow: hidden;border-radius: 30px;padding: 71px 48px;box-sizing: border-box;width: 1052px;margin: 0 auto;max-width: 100%;margin-top: 47px;}
.brand-team-text{width: 420px;color: #fff;font-size: 16px;line-height: 26px;max-width: 100%;}
.brand-team-text strong{color: #FFE89A;font-weight: 600;}
@media (min-width:1080px) {
	.further-reading a:hover{opacity: 0.8;}
	.tab-button-item a:hover{background: #9471FF;color: #fff}
	.brand-check-text a:hover,.brand-what-text a:hover,.brand-contact-bottom a:hover,.brand-contact-link-item a:hover{opacity: 0.8;}
	.brand-contact-image:hover img{transform: scale(1.1);}
	.brand-contact-li .brand-h3 a:hover{color: #9471FF;}
}
@media (max-width:1279px) {
	.brand-fit{padding: 36px 10px 0 10px;}
	.brand-fit-title{padding: 18px 0;margin-bottom: 35px;border-radius: 15px;}
	.brand-h1{font-size: 20px;}
	.brand-h1 p, .brand-p{font-size: 12px;}
	.brand-h2{font-size: 19px;}
	.brand-h3,.brand-h3 a{font-size: 14px;}
	.brand-what{padding: 36px 16px;}
	.brand-what-image{margin-top: 38px;border-radius: 15px;}
	.brand-what-ul li{margin-top: 24px;padding: 0 12px;}
	.brand-what-ul{padding: 0;}
	.brand-what-text{width: 100%;box-sizing: border-box;padding: 0 16px;margin-top: 23px;}
	.brand-edit-item{padding: 36px 16px;}
	.brand-edit{margin-top: 24px;}
	.brand-edit, .brand-edit p{font-size: 16px;}
	.brand-edit p{line-height: 24px;}
	.brand-edit h3{font-size: 17px;}
	.brand-edit h4,.brand-edit ul li,.brand-edit ol li{font-size: 16px;}
	.brand-edit th{font-size: 12px;}
	.brand-edit th, .brand-edit td{font-size: 12px;padding: 6px;}
	.brand-edit-table{padding: 0 24px;}
	.brand-edit-table{border-radius: 15px;}
	.brand-question{padding: 36px 16px;}
	.brand-question .common-ask-bottom{margin-bottom: 40px;margin-top: 24px;}
	.tab-button-item a{font-size: 12px;padding: 0 11px;line-height: 24px;}
	.tab-button-item{padding: 6px;}
	.brand-case{padding: 36px 0;}
	.tab-button{margin: 24px 0 20px 0;}
	.brand-check{padding: 36px 13px;}
	.brand-check .brand-h2{margin-bottom: 18px;}
	.brand-check-ul li{padding: 0 3px;margin-top: 6px;}
	.brand-check-li{border-radius: 15px;padding: 20px;}
	.brand-check-li img{width: 36px;margin-bottom: 12px;}
	.brand-legal{padding: 36px 16px;}
	.brand-legal .brand-h2{margin-bottom: 36px;}
	.brand-legal-ul{padding: 24px;border-radius: 15px;}
	.brand-h3,.brand-h3 a{font-size: 16px;}
	.brand-share{padding: 36px 0;}
	.brand-idea{padding: 36px 16px;}
	.brand-flow{padding: 36px 16px;}
	.brand-flow .common-more-other{margin-top: 30px;}
	.brand-what .brand-h2{margin-top: 36px;}
	.brand-contact{margin: 36px 0 60px 0;}
	.brand-contact-link-item a{font-size: 14px;}
	.brand-contact-ul li{padding: 0 8px;}
	.brand-contact-bottom{padding: 25px 20px;}
	.brand-mouth-title{font-size: 14px;margin-bottom: 35px;}
	.brand-team-title{font-size: 14px;margin-bottom: 30px;}
	.brand-flow  .brand-check-text{min-height: 120px;}
	.brand-team-bottom{margin-top: 24px;padding: 196px 24px 24px 24px;border-radius: 15px;}
	.brand-team-text{font-size: 16px;}
}
@media (max-width:767px) {
	.brand-what .brand-h2{text-align: left;}
	.brand-what-ul li{width: 50%;}
	.brand-edit-item .brand-h2{text-align: left;}
	.brand-edit-table tr td:nth-child(1) span{display: block;}
	.brand-edit-table tr td:nth-child(1){width: 28px;}
	.brand-edit tr:last-child td{text-align: left;}
	.brand-edit th, .brand-edit td{vertical-align: top;}
	.brand-check-ul li{width: 100%;}
	.brand-check .brand-h2 span{display: block;}
	.brand-legal .brand-h2 span{display: block;}
	.brand-check .common-more-other,.brand-share .common-more-other{position: static;margin-top: 30px;text-align: center;width: 100%;}
    .brand-table .common-table table{min-width: 600px;}
    .brand-table .common-table tr td:nth-child(1){width:10%;}
    .brand-table{padding: 36px 16px;}
    .brand-table .common-table{padding: 0;}
    .brand-table .brand-h2{margin-bottom: 24px;}
    .brand-table-item{padding: 10px 0;overflow: hidden;overflow-x: auto;}
    .brand-idea-item img{border-radius: 10px;margin-bottom: 36px;}
    .brand-idea-text{padding: 0 16px;}
    .brand-idea{background-size: 100% 100%;}
    .brand-contact-ul li{width: 100%;padding: 0;margin-bottom: 10px;}
    .brand-contact-link-item{width: 100%;padding: 0;margin-bottom: 10px;margin-top: 0;}
    .brand-question .brand-h2 span{display: block;}
    .brand-idea .brand-h2 span{display: block;}
    .brand-flow .brand-h2 span{display: block;}
    .brand-flow .brand-check-ul li{width: 50%;}
    .brand-legal-other .brand-check-li{padding-left: 50px;position: relative;}
    .brand-legal-other .brand-check-li img{position: absolute;left: 0;top: 0;}
    .brand-legal-other .brand-h3{font-size: 16px;}
    .brand-legal-other .brand-check-text{font-size: 14px;}
    .brand-team-bottom{background: url(/assets/images/common/text-block-background-mobile.webp) no-repeat;background-size: cover;}
    .brand-feature li{width: 50%;}
}
/* 768-1499px:評價分享輪播取消 headfooter.css 的 120% 溢出寫法,保留左右箭頭並隨寬度內縮(767 以下維持手機版規則) */
@media (max-width:1499px) and (min-width:768px) {
	.brand-share .comment-swiper-one{width: auto;margin-left: 0;padding: 0 80px;}
}

/* 768px 以上評論卡等高:名字較長星星換行時卡片高度不一(767 以下維持手機版原樣) */
@media (min-width:768px) {
	.brand-share .comment-swiper-one .swiper-wrapper{align-items: stretch;}
	.brand-share .comment-swiper-one .swiper-slide{height: auto;}
	.brand-share .comment-swiper-one .common-service-list{height: 100%;box-sizing: border-box;display: flex;flex-direction: column;}
	.brand-share .comment-swiper-one .common-service-more{margin-top: auto;}
}

/* 正式站 swiper.min.js 被延遲到使用者互動後才載入,Swiper 初始化前先依各斷點排好 slide 寬度,避免先出現單張全寬卡片再跳版(斷點對應行內 JS 的 slidesPerView,Swiper 4 為 max-width 語意) */
.brand-share .comment-swiper-one .swiper-container:not(.swiper-container-initialized) .swiper-wrapper{flex-wrap: nowrap;}
.brand-share .comment-swiper-one .swiper-container:not(.swiper-container-initialized) .swiper-slide{width: calc((100% - 45px) / 4);margin-right: 15px;}
@media (max-width:1280px) {
	.brand-share .comment-swiper-one .swiper-container:not(.swiper-container-initialized) .swiper-slide{width: calc((100% - 30px) / 3);}
}
@media (max-width:820px) {
	.brand-share .comment-swiper-one .swiper-container:not(.swiper-container-initialized) .swiper-slide{width: calc((100% - 15px) / 2);}
}
@media (max-width:767px) {
	.brand-share .comment-swiper-one .swiper-container:not(.swiper-container-initialized) .swiper-slide{width: calc((100% - 30px) / 3);}
}