@charset "UTF-8";
.c-category{width:100%}.c-category__title{display:inline-block;vertical-align:middle;font-size:14px;color:#333;margin:0 20px 20px 0}.c-category__item{display:inline-block;vertical-align:middle;font-size:15px;line-height:1;color:#585858;background:#e5e5e5;border-radius:5px;margin:0 5px 20px 0;padding:15px 20px;text-align:center;transition:background-color .2s ease-in-out,color .2s ease-in-out;overflow:hidden}.c-category__item.active,.c-category__item:hover{color:#fff;background:#ae002b}@media screen and (max-width:991px){}@media screen and (max-width:575px){.c-category__title{font-size:13px;margin:0 10px 15px 0}.c-category__item{font-size:14px;margin:0 5px 15px 0;padding:10px 15px}}
.c-page{display:flex;align-items:center;align-content:center;justify-content:space-between;width:100%;border-top:1px solid #dfdfdf;margin:85px auto 0 auto;padding:55px 0 0 0}.c-page__prev,.c-page__next{display:block;width:15px;height:30px;background:url(/assets/images/common/arrow_next.svg) center no-repeat;background-size:contain;transition:opacity .2s ease-in-out;flex:0 0 15px}.c-page__prev{transform:scaleX(-1)}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev.disable,.c-page__next.disable{opacity:.2;pointer-events:none}.c-page__bt{display:flex;align-items:center;justify-content:center;flex:0 1 100%}.c-page__bt a{display:flex;place-items:center;place-content:center;width:50px;height:50px;border-radius:50%;margin:0 5px;overflow:hidden;counter-increment:item;transition:background-color .2s ease-in-out}.c-page__bt a::before{content:counter(item,decimal);font-size:14px;line-height:1;color:#484848;transition:color .2s ease-in-out}.c-page__bt a.active,.c-page__bt a:hover{background-color:#ae002b}.c-page__bt a.active::before,.c-page__bt a:hover::before{color:#fff}.c-article__bt{display:flex;place-items:center;place-content:center;width:100%;margin:100px auto 0 auto;border:1px solid #dfdfdf;border-radius:5px;overflow:hidden}.c-article__bt__back,.c-article__bt__prev,.c-article__bt__next{display:block;width:calc(100% / 3);padding:15px 0;text-align:center;color:#333;font-size:14px;box-sizing:border-box;transition:opacity .4s ease-in-out}.c-article__bt__back:hover,.c-article__bt__prev:hover,.c-article__bt__next:hover{opacity:.7}.c-article__bt__prev{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;text-align:left}.c-article__bt__next{display:flex;align-items:center;align-content:center;justify-items:flex-end;justify-content:flex-end;text-align:right}.c-article__bt__prev::before,.c-article__bt__next::after{content:'';display:block;width:15px;height:10px;background:url(/assets/images/common/icon_arrow_long_gray.svg) center no-repeat;background-size:contain;margin:0 25px}.c-article__bt__prev::before{transform:scaleX(-1)}.c-article__bt__back{color:#fff;background:#ae002b;transition:opacity .4s ease-in-out}@media screen and (max-width:991px){.c-page{margin:70px auto 0 auto}.c-article__bt{margin:70px auto 0 auto}.c-article__bt__prev,.c-article__bt__next{justify-items:center;justify-content:center;padding:15px 40px}.c-article__bt__prev::before,.c-article__bt__next::after{position:absolute;top:calc(50% - 5px);margin:0}.c-article__bt__prev::before{left:15px}.c-article__bt__next::after{right:15px}}@media screen and (max-width:575px){.c-page{margin:45px auto 0 auto;padding:30px 0 0 0}.c-page__bt a{width:30px;height:30px;margin:0 2.5px}.c-article__bt{margin:40px auto 0 auto}.c-article__bt__prev,.c-article__bt__next{padding:15px 0}.c-article__bt__prev::before,.c-article__bt__next::after{position:relative;top:auto;left:auto;right:auto}.c-article__bt__prev::before{margin:0 5px 0 0}.c-article__bt__next::after{margin:0 0 0 5px}}
.c-inner{padding:120px 0 0 0}.courses{display:flex;flex-wrap:wrap;margin:100px auto -50px auto}.courses__item{display:block;width:calc((100% - 160px) / 3);margin:0 80px 80px 0}.courses__item:nth-of-type(3n){margin:0 0 80px 0}.courses__item__pic{width:100%;margin:0 0 20px 0}.courses__item__pic::after{position:absolute;top:0;left:0;display:flex;place-items:center;place-content:center;width:100%;height:100%;font-size:16px;line-height:1.5;color:#fff;text-align:center;background:url(/assets/images/common/icon_cross_white.svg) center no-repeat rgba(0,0,0,.5);background-size:100% 100%;opacity:0}.cut .courses__item__pic::after{content:'報名已截止';opacity:1}.full .courses__item__pic::after{content:'報名人數額滿';opacity:1}.expired .courses__item__pic::after{content:'課程已結束';opacity:1}.courses__item__pic .c-articleTag{position:absolute;top:20px;right:20px;display:inline-flex}.courses__item__title{display:block;width:100%;font-size:16px;line-height:1.5;color:#333;text-align:left;margin:0 auto 15px auto}.courses__item__time{width:100%;margin:0 auto 15px auto}.courses__item__time__item{font-size:14px;line-height:1.5;color:#777}.courses__item__time__item__title{display:inline-block;font-size:14px;line-height:1.5;color:#777}.courses__item__time__item__title::after{content:'';position:relative;top:-1px;display:inline-block;vertical-align:middle;width:1px;height:15px;margin:0 10px;background:#777}@media screen and (max-width:1199px){}@media screen and (max-width:991px){.courses{margin:85px auto -75px auto}.courses__item,.courses__item:nth-of-type(3n){width:calc((100% - 30px) / 2);margin:0 30px 75px 0}.courses__item:nth-of-type(even){margin:0 0 75px 0}.courses__item__time__item__title::after{margin:0 7.5px}.courses__item__pic .c-articleTag{top:15px;right:15px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-inner{padding:50px 0 0 0}.courses{margin:35px auto -45px auto}.courses__item,.courses__item:nth-of-type(even),.courses__item:nth-of-type(3n){width:100%;margin:0 0 50px 0}.courses__item__pic{margin:0 0 15px 0}.courses__item__pic .c-articleTag{top:7.5px;right:7.5px}.courses__item__title{font-size:15px;margin:0 auto 15px auto}}@supports (-webkit-touch-callout:none){}