@charset "UTF-8";
.c-comment{display:block;width:100%;background:#fff;padding:40px;box-shadow:8px 8px 30px rgba(4,0,0,.08);flex:0 0 auto;overflow:hidden}.c-comment.wow{animation-name:fadeInUp}.c-comment__head{display:flex;justify-content:flex-start;justify-items:flex-start;align-items:center;align-content:center;width:100%;margin:0 0 15px 0}.c-comment__head__pic{display:block;width:65px;height:65px;border-radius:50%;overflow:hidden;margin:0 20px 0 0;flex:0 0 auto}.c-comment__head__pic img{object-fit:contain;object-position:center;height:100%}.c-comment__head__box{display:block;width:100%;font-size:18px;font-family:'Montserrat-M','NotoSansTC-M';line-height:1;color:var(--titleColor);flex:0 1 auto}.c-comment__head__box__name{display:block;width:100%;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;margin:0 0 15px 0}.c-comment__head__box__score{display:flex;justify-content:flex-start;justify-items:flex-start;align-items:flex-start;align-content:flex-start;width:100%}.c-comment__head__box__score__icon{display:block;width:15px;height:15px;background:url(/assets/images/common/icon_star_gray.svg) center/contain no-repeat;margin:0 7px 0 0;pointer-events:none}.c-comment__head__box__score[data-score="1"] .c-comment__head__box__score__icon:first-child{background-image:url(/assets/images/common/icon_star_blue.svg)}.c-comment__head__box__score[data-score="2"] .c-comment__head__box__score__icon:nth-child(n+1):nth-child(-n+2){background-image:url(/assets/images/common/icon_star_blue.svg)}.c-comment__head__box__score[data-score="3"] .c-comment__head__box__score__icon:nth-child(n+1):nth-child(-n+3){background-image:url(/assets/images/common/icon_star_blue.svg)}.c-comment__head__box__score[data-score="4"] .c-comment__head__box__score__icon:nth-child(n+1):nth-child(-n+4){background-image:url(/assets/images/common/icon_star_blue.svg)}.c-comment__head__box__score[data-score="5"] .c-comment__head__box__score__icon{background-image:url(/assets/images/common/icon_star_blue.svg)}.c-comment__inner{display:block;width:100%}.c-comment__inner__text{display:block;width:100%;max-height:9em;font-size:15px;font-family:'NotoSansTC';line-height:1.8;letter-spacing:.1px;color:#717171;text-align:justify;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-comment__inner__text.active{display:block;max-height:none}.c-comment__inner__read{margin:15px 0 0 0}@media screen and (max-width:991px){.c-comment{padding:45px 35px}.c-comment__head__box__name{margin:0 0 10px 0}.c-comment__inner__more{margin:10px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-comment{padding:20px 30px}.c-comment__head__pic{width:55px;height:55px}.c-comment__head__box__name{font-size:17px}.c-comment__inner__text{max-height:8em;font-size:15px;line-height:1.6}.c-comment__inner__read{margin:5px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:940px;margin:0 auto;padding:15px 30px;background:var(--bgColor)}.c-page.wow{animation-name:fadeInUp}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:100%;flex:0 1 auto}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:35px;height:35px;margin:0 5px;border-radius:50%;font-size:15px;line-height:1;color:var(--textColor);font-family:'Montserrat-B','NotoSansTC-B';transition:color .4s ease-in-out,background-color .4s ease-in-out;overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:hover,.c-page__count a.active{color:#fff;background:var(--mainColor)}.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%;min-height:30px;margin:0 0 0 15px;padding:0 0 0 30px;font-size:15px;color:var(--textColor);font-family:'Montserrat-M','NotoSansTC-M';letter-spacing:.5px;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 15px 0 0;padding:0 30px 0 0;border-right:1px solid #b1b1b1}.c-page__next{border-left:1px solid #b1b1b1}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:6px;height:11px;margin:0 0 0 15px;background:url(/assets/images/common/icon_arrow_next.svg) center no-repeat;background-size:contain}.c-page__prev::before{margin:0 15px 0 0;transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-page-detail{justify-content:space-between}.c-page-detail .c-page__count{display:none}.c-page__back{display:block;width:auto;max-width:100%;font-size:15px;line-height:2;color:var(--textColor);font-family:'Montserrat-M','NotoSansTC-M';letter-spacing:.5px;transition:opacity .4s ease-in-out}.c-page__back:hover{opacity:.7}@media screen and (max-width:991px){}@media screen and (max-width:767px){.c-page{padding:15px 10px}.c-page__prev,.c-page__next{font-size:0;padding:0 20px}.c-page__prev::before,.c-page__next::after{margin:0}}@media screen and (max-width:575px){.c-page{justify-content:space-between;padding:15px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.witness{display:block;width:100%;margin:75px auto 170px auto;overflow:hidden}.witness__inner__box{left:-35px;display:flex;flex-wrap:wrap;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 70px);margin:0 0 -40px 0}.witness__inner__box .c-comment{width:calc((100% / 3) - 70px);margin:0 35px 40px 35px}.witness__inner .c-page{margin:100px auto 0 auto}@media screen and (max-width:1200px){.witness__inner__box{left:-15px;width:calc(100% + 30px)}.witness__inner__box .c-comment{width:calc((100% / 3) - 30px);margin:0 15px 40px 15px}}@media screen and (max-width:991px){.witness{margin:60px auto 115px auto}.witness__inner__box{margin:0 0 -50px 0}.witness__inner__box .c-comment{width:calc(50% - 30px);margin:0 15px 40px 15px}.witness__inner .c-page{margin:70px auto 0 auto}}@media screen and (max-width:767px){.witness__inner__box{left:0;width:100%}.witness__inner__box .c-comment{width:100%;margin:0 0 40px 0}}@media screen and (max-width:575px){.witness{margin:30px auto 80px auto}.witness__inner__box{margin:0 0 -30px 0}.witness__inner .c-page{margin:50px auto 0 auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
