@charset "UTF-8";
.c-searchBar{display:block;width:100%}.c-searchBar.wow{animation-name:fadeInUp}.c-searchBar .c-anchor{top:-130px}.c-searchBar{display:block;width:100%}.c-searchBar__box{display:block;width:100%;padding:45px;background:url(/assets/images/common/texture_light.png) center/auto repeat;border-radius:10px;box-shadow:3px 3px rgba(74,37,1,.15);overflow:hidden}.c-searchBar__box__form{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;max-width:955px;margin:0 auto}.c-searchBar__box__form__title{display:block;width:auto;max-width:100%;margin:0 45px 0 0;font-size:18px;line-height:1;color:var(--titleColor);font-family:inherit;letter-spacing:.5px;flex:0 0 auto}.c-searchBar__box__form__input{margin:0;flex:0 1 auto}.c-searchBar__box__form__bt{max-width:120px;margin:0 0 0 20px}.c-searchBar__keyword{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;margin:25px 0 0 0}.c-searchBar__keyword__title{top:calc(15px - .5em);display:block;width:auto;max-width:100%;margin:0 30px 0 0;font-size:18px;line-height:1;color:var(--textColor);font-family:inherit;letter-spacing:.5px;flex:0 0 auto}@media screen and (max-width:991px){}@media screen and (max-width:767px){.c-searchBar .c-anchor{top:-90px}.c-searchBar__box__form__title{display:none}}@media screen and (max-width:575px){.c-searchBar__box{padding:20px 30px}.c-searchBar__box__form{display:block}.c-searchBar__box__form__bt{max-width:none;margin:10px 0 0 0}.c-searchBar__keyword{display:block;margin:20px 0 0 0}.c-searchBar__keyword__title{top:0;width:100%;margin:0 0 10px 0;font-size:15px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-case{display:block;width:100%;border-radius:10px;background:url(/assets/images/common/texture_light.png) center/auto repeat;box-shadow:3px 3px rgba(74,37,1,.15);overflow:hidden}.c-case.wow{animation-name:fadeInUp}.c-case__pic{display:block;width:100%;background:#fff;overflow:hidden}.c-case__pic::after{position:absolute;bottom:0;right:30px;display:block;width:23%;height:25%;background:center right/ auto 80% no-repeat,center right 40%/ auto 80% no-repeat,center right 80%/ auto 80% no-repeat}.c-case[data-award="1"] .c-case__pic::after{content:'';background-image:url(/assets/images/common/trophy_drop.png)}.c-case[data-award="2"] .c-case__pic::after{content:'';background-image:url(/assets/images/common/trophy_drop.png),url(/assets/images/common/trophy_drop.png)}.c-case[data-award="3"] .c-case__pic::after{content:'';background-image:url(/assets/images/common/trophy_drop.png),url(/assets/images/common/trophy_drop.png),url(/assets/images/common/trophy_drop.png)}.c-case__content{display:block;width:100%;padding:25px 30px}.c-case__content__title{display:block;width:100%;font-size:18px;line-height:1.6;color:var(--titleColor);font-family:'Poppins-M','NotoSansTC-M';letter-spacing:.5px}.c-case__content__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-case__content__tag{margin:10px 0 0 0}.c-case__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.c-case[data-style="nobg"]{background:none;border-radius:0;box-shadow:none}.c-case[data-style="nobg"] .c-case__pic{border-radius:10px;box-shadow:3px 3px rgba(74,37,1,.15)}.c-case[data-style="nobg"] .c-case__content{margin:25px 0 0 0;padding:0}.c-case[data-style="year"] .c-tag__item:first-child{background:#a6a6a6}.c-case[data-youtube="1"] .c-case__pic::after{content:'';position:absolute;top:50%;left:50%;display:block;width:35%;height:35%;max-width:65px;max-height:46px;background:url(/assets/images/common/logo_youtube.svg) center/contain no-repeat;transform:translate(-50%,-50%);pointer-events:none}@media screen and (max-width:991px){.c-case__pic::after{right:25px}.c-case__content{padding:25px}.c-case[data-style="nobg"] .c-case__content{margin:15px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-case{border-radius:5px}.c-case__pic::after{right:20px}.c-case__content{padding:15px 20px}.c-case__content__tag{margin:5px 0 0 0}.c-case[data-style="nobg"] .c-case__content{margin:10px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:space-between;width:100%;max-width:100%;margin:0 auto}.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:40px;height:40px;margin:0 5px;border-radius:50%;font-size:15px;line-height:1;color:var(--textColor);font-family:'Poppins','NotoSansTC';overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:hover,.c-page__count a.active{color:#fff;background:url(/assets/images/common/texture_orange_reverse.png) center no-repeat;background-size:auto 100%}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:130px;max-width:100%;margin:0 0 0 15px;padding:22.5px 20px;font-size:15px;line-height:1;color:#fff;font-family:'Poppins','NotoSansTC';letter-spacing:.5px;background:url(/assets/images/common/texture_orange.png) left center no-repeat,url(/assets/images/common/texture_orange_reverse.png) right center no-repeat var(--subColor);background-size:auto 100%;border-radius:50px;transition:box-shadow .4s ease-in-out;overflow:hidden;flex:0 0 auto}.c-page__prev{margin:0 15px 0 0}.c-page__prev:hover,.c-page__next:hover{box-shadow:5px 5px rgba(74,37,1,.15)}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:5px;height:9px;margin:0 0 0 10px;background:url(/assets/images/common/icon_arrow_next.svg) center/contain no-repeat;filter:brightness(0) invert(1)}.c-page__prev::before{margin:0 10px 0 0;transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-page__back{max-width:150px}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page__count a{width:25px;height:25px;font-size:12px}.c-page__prev,.c-page__next{width:80px;margin:0 0 0 10px;padding:13px;font-size:14px}.c-page__prev{margin:0 10px 0 0}.c-page__back{max-width:120px}}@media screen and (max-width:374px){.c-page__prev,.c-page__next{width:35px;padding:13px 0;font-size:0}.c-page__prev::before,.c-page__next::after{margin:0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.video{margin:90px auto 150px auto}.video__area{display:block;width:100%}.video__area .c-searchBar{margin:0 auto 70px auto}.video__area__result{margin:0 0 60px 0}.video__area__box{left:-25px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 50px);margin:0 0 -50px 0}.video__area__box .c-case{width:calc(33.33% - 50px);margin:0 25px 50px 25px}.video__area .c-page{margin:70px auto 0 auto}@media screen and (max-width:991px){.video{margin:85px auto 130px auto}.video .crumb{width:100%;margin:0 auto 45px auto}.video__area__result{margin:0 0 35px 0}.video__area__box{left:-12.5px;width:calc(100% + 25px);margin:0 0 -30px 0}.video__area__box .c-case{width:calc(50% - 25px);margin:0 12.5px 30px 12.5px}.video__area .c-page{margin:55px auto 0 auto}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.video{margin:40px auto 60px auto}.video .crumb{margin:0 auto 25px auto}.video__area .c-searchBar{margin:0 auto 30px auto}.video__area__result{margin:0 0 25px 0}.video__area__box{left:0;width:100%;margin:0 0 -15px 0}.video__area__box .c-case{width:100%;margin:0 0 15px 0}.video__area .c-page{margin:25px auto 0 auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}