@charset "UTF-8";
.c-share{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%}.c-share__title{display:block;width:auto;max-width:100%;margin:0 20px 0 0;font-size:16px;line-height:1;color:var(--titleColor);font-family:'AlumniSans','NotoSansTC';letter-spacing:.15em;text-transform:uppercase;flex:0 0 auto}.c-share__list{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;flex:0 1 auto}.c-share__list__item{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:35px;height:35px;margin:0 10px 0 0;border-radius:50%;background:#444;transition:background-color .4s ease-in-out;overflow:hidden}.c-share__list__item:last-child{margin:0}.c-share__list__item:hover{background:var(--mainColor)}.c-share__list__item img{object-fit:contain;object-position:center;width:60%;height:60%}.c-share__list__item__textarea{position:fixed;top:-100vh;left:-100vw;opacity:0;pointer-events:none}.c-share__list__item.j-share-bt{display:none;width:auto;padding:0 0 0 30px;background:url(/assets/images/common/icon_share_gray.svg) left center no-repeat;background-size:20px auto}.c-share.native .c-share__title{display:none}.c-share.native .c-share__list__item{display:none}.c-share.native .c-share__list__item.j-share-bt{display:flex}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-edit{display:block;width:100%;font-size:15px;line-height:2;color:var(--textColor);font-weight:400;text-align:var(--textAlign);word-break:break-all;overflow-wrap:break-word}.c-edit *{text-align:inherit}.c-edit a{color:#0000ff;text-decoration:underline;text-underline-offset:6px;transition:opacity .4s ease-in-out}.c-edit a:hover{opacity:.7}.c-edit img{display:inline-block;width:auto;max-width:100%;height:auto !important}.c-edit ul,.c-edit ol{margin:0 0 0 1.5em}.c-edit ul{list-style-type:disc}.c-edit ul li>ul{list-style-type:circle}.c-edit ul li>ul li>ul,.c-edit ul li>ul li>ul ul{list-style-type:square}.c-edit ol{list-style-type:decimal}.c-edit__iframe{display:block;width:100%;padding:56.25% 0 0 0}.c-edit__youtube{display:block;width:100%;padding:56.25% 0 0 0}.c-edit iframe:not([src^="https://www.instagram.com"]){position:absolute;top:0;left:0;width:100%;height:100%;margin:0 auto}.c-edit iframe[src^="https://www.instagram.com"]{max-width:540px}.c-edit__table{width:100%;padding:0 0 5px 0;overflow-x:auto}.c-edit__table::-webkit-scrollbar{height:4px;background:#ddd}.c-edit__table::-webkit-scrollbar-thumb{background:var(--mainColor)}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){.c-edit__table{scrollbar-width:thin;scrollbar-color:var(--mainColor) #ddd}}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto;padding:60px 0 0 0}.c-page::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:11px;background:linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) top left / 13px 1px repeat-x,linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) bottom left / 13px 1px repeat-x;pointer-events:none}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;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:30px;height:40px;margin:0 5px;font-size:20px;line-height:1;font-family:'AlumniSans','NotoSansTC';transition:background-color .4s ease-in-out,opacity .4s ease-in-out;overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:not(.active):hover{opacity:.7}.c-page__count a.active{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%;margin:0 0 0 50px;font-size:20px;line-height:1;font-family:'AlumniSans','NotoSansTC';text-transform:uppercase;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 50px 0 0}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:16px;height:30px;background:url(/assets/images/common/icon_arrow_next_thin_white.svg) center/contain no-repeat}.c-page__prev::before{transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.2;pointer-events:none}.c-page__prev:hover::before{animation:arrowMoveReverse 1s ease-in-out infinite}.c-page__next:hover::after{animation:arrowMove 1s ease-in-out infinite}.c-page__prev::after,.c-page__next::before{display:none;width:auto;max-width:100%}.c-page__prev::after{content:'Prev';margin:0 0 0 20px}.c-page__next::before{content:'Next';margin:0 20px 0 0}.c-page-detail{padding:0;justify-content:space-between}.c-page-detail::before{display:none}.c-page__back{max-width:170px}.c-page-detail .c-page__prev::after,.c-page-detail .c-page__next::before{display:block}@media screen and (max-width:991px){.c-page{left:calc(50% - 50vw);width:100vw;max-width:none;margin:0;padding:60px 30px 0 30px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{padding:60px 20px 0 20px}.c-page-detail .c-page__prev::after,.c-page-detail .c-page__next::before{display:none}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.crumb{width:100%;max-width:none;margin:60px auto 50px auto;padding:20px max(60px,calc(50% - 900px));border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.detail{margin:0 auto 60px auto}.detail__base{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%;margin:0 auto 30px auto}.detail__base.wow{animation-name:fadeInUp}.detail__base__media{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:50%;overflow:hidden;flex:0 0 auto}.detail__base__media.slick-slider{display:block}.detail__base__content{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;max-width:630px;margin:0 0 0 50px;flex:0 1 auto}.detail__base__content .c-type{margin:0 0 15px 0}.detail__base__content .c-date{margin:0 0 10px 0}.detail__base__content__title{display:block;width:100%;font-size:40px;line-height:1.2;font-family:'Barlow','NotoSansTC'}.detail__base__content__text{margin:25px 0;padding:20px 0 0 0;line-height:1.7;border-top:1px solid rgba(255,255,255,.2)}.detail__base__content .c-share{margin:auto 0 32px 0}.detail__body{display:block;width:100%}.detail__body.wow{animation-name:fadeInUp}.detail__body__edit{display:block;width:100%;padding:15px 20px 125px 20px;background:linear-gradient(#222a,#222a),repeating-radial-gradient(#1c1c1c 0 0.0001%,rgba(33,33,33,.5) 0 0.0002%) 50% 0 / 1500px 1500px,repeating-conic-gradient(#1c1c1c 0 0.0001%,rgba(33,33,33,.5) 0 0.0002%) 60% 60% / 1500px 1500px;background-blend-mode:normal,difference}.detail__body__edit::before{content:'';position:absolute;bottom:15px;left:20px;display:block;width:calc(100% - 40px);height:11px;background:linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) top left / 13px 1px repeat-x,linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) bottom left / 13px 1px repeat-x;pointer-events:none}.detail__body__edit__title{display:block;width:100%;margin:0 0 40px 0;padding:40px max(15px,calc(50% - 550px));font-size:30px;line-height:1;font-family:'Barlow','NotoSansTC';font-weight:700;letter-spacing:.025em;text-transform:uppercase;background:linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) top left / 13px 1px repeat-x,linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) top 11px left / 13px 1px repeat-x,linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) bottom 11px left / 13px 1px repeat-x,linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) bottom left / 13px 1px repeat-x}.detail__body__edit .c-edit{width:calc(100% - 30px);max-width:1100px;margin:0 auto}.detail__body .c-page{left:0;margin:50px auto 0 auto;padding:0}@media screen and (max-width:991px){.crumb{margin:60px auto 30px auto;padding:20px 30px}.detail{margin:0 auto 50px auto}.detail__base{display:block;margin:0 auto 50px auto}.detail__base__media{width:100%;margin:0 auto 50px auto}.detail__base__content{max-width:none;margin:0}.detail__base__content__text{margin:25px 0 0 0}.detail__base__content .c-share{margin:35px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.crumb{margin:50px auto 20px auto;padding:15px 20px}.detail__base__media{margin:0 auto 30px auto}.detail__base__content .c-type{margin:0 0 10px 0}.detail__base__content .c-date{margin:0 0 10px 0}.detail__base__content__title{font-size:25px}.detail__base__content__text{margin:20px 0 0 0}.detail__base__content .c-share{margin:25px 0 0 0}.detail__body{left:-20px;width:calc(100% + 40px)}.detail__body__edit{padding:15px 20px 100px 20px}.detail__body__edit__title{margin:0 0 30px 0;padding:35px 0;font-size:20px}.detail__body__edit .c-edit{width:100%}.detail__body .c-page{width:calc(100% - 40px)}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
