@charset "UTF-8";
lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer}lite-youtube::before{content:'';display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all 0.2s cubic-bezier(0,0,0.2,1);z-index:10}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0;z-index:10}lite-youtube>.lty-playbtn{display:block;width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,0.2,1);border:none}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.lty-img{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.lty-img::after{content:'';display:block;width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,0.2,1);border:none}lite-youtube:hover>.lty-img::after{filter:none}.lty-img img{object-fit:cover;object-position:center;width:100%;height:100%}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;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:45px;height:45px;margin:0 5px;border-radius:50%;font-size:17px;color:var(--textColor);font-family:'Roboto-M','NotoSansTC-M';line-height:1;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(--subColor)}.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%;margin:0 0 0 30px;font-size:16px;font-family:'Roboto-M','NotoSansTC-M';color:var(--textColor);transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 30px 0 0}.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:15px;height:27px;margin:0 0 0 25px;background:url(/assets/images/common/icon_arrow_next.svg) center no-repeat;background-size:contain}.c-page__prev::before{margin:0 25px 0 0;transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.3;pointer-events:none}.c-page__prev.disable::before,.c-page__next.disable::after{opacity:.6}.c-pageDetail{justify-content:space-between}.c-pageDetail .c-page__count{display:none}.c-pageDetail__back{width:auto;min-width:180px;font-size:16px;border-radius:10px;background:var(--subColor)}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{justify-content:space-between}.c-page__count a{width:30px;height:30px;font-size:15px}.c-page__prev,.c-page__next{font-size:15px}.c-page__prev::before,.c-page__next::after{width:10px;height:28px;margin:0 0 0 15px}.c-page__prev::before{margin:0 15px 0 0}.c-pageDetail{width:84%;max-width:280px;flex-wrap:wrap}.c-pageDetail__back{width:100%;margin:0 0 30px 0}.c-pageDetail__prev{order:1;margin:0 0 0 25px}.c-pageDetail__next{order:2;margin:0 25px 0 0}}@supports (-webkit-touch-callout:none){}
.c-videoBox{display:block;width:100%;overflow:hidden}.c-videoBox__video{display:block;width:100%;margin:0 0 20px 0}.c-videoBox__content{display:block;width:100%}.c-videoBox__content__tagBox{margin:0 0 5px 0}.c-videoBox__content__title{display:block;width:100%;font-size:18px;font-family:'Roboto-M','NotoSansTC-M';line-height:1.7;letter-spacing:.5px;color:var(--titleColor);margin:0 0 10px 0}.c-videoBox__content__title[data-style="small"]{margin:0;font-size:16px;line-height:1.8;color:var(--textColor);font-family:'Roboto','NotoSansTC'}.c-videoBox__content__text{width:100%;max-height:3.6em;font-size:16px;font-family:'Roboto','NotoSansTC';line-height:1.8;letter-spacing:.5px;color:var(--textColor);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis}.c-videoBox__content__text.active{display:block;max-height:none}.c-videoBox__content__more{margin:10px 0 0 0}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-videoBox__content__title{font-size:17px;margin:0}.c-videoBox__content__title[data-style="small"]{font-size:15px;line-height:1.6}.c-videoBox__content__text{max-height:3.2em;font-size:15px;line-height:1.6}.c-videoBox__content__more{margin:5px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.recommend{display:block;width:100%;overflow:hidden}.recommend__inner{padding:100px 0 150px 0}.recommend__inner__content{display:block;width:100%}.recommend__inner__content.wow{animation-name:fadeInUp}.recommend__inner__content__box{display:flex;justify-content:flex-start;justify-items:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;width:calc(100% + 25px);margin:0 0 -50px 0}.recommend__inner__content__box__item{display:block;width:calc(33.33% - 25px);margin:0 25px 50px 0}.recommend__inner__page{display:block;width:100%;border-top:1px solid #cac8c4;padding:60px 0 0 0;margin:70px 0 0 0}.recommend__inner__page.wow{animation-name:fadeInUp}@media screen and (max-width:991px){.c-nav__select{display:none}.recommend__inner{padding:50px 0 120px 0}.recommend__inner .c-nav__box{display:flex}.recommend__inner__content__box{width:calc(100% + 30px);margin:0 0 -40px 0}.recommend__inner__content__box__item{width:calc(50% - 30px);margin:0 30px 40px 0}.recommend__inner__page{padding:50px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-nav__select{display:block}.recommend__inner{padding:30px 0 70px 0}.recommend__inner .c-nav__box{display:none}.recommend__inner__content__box{display:block;width:100%;margin:0}.recommend__inner__content__box__item{width:100%;margin:0 0 30px 0}.recommend__inner__content__box__item:last-child{margin:0}.recommend__inner__page{padding:30px 0 0 0;margin:50px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}