@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 30px 0 0;font-size:15px;line-height:1;color:var(--titleColor);font-family:'Montserrat','NotoSansTC';letter-spacing:.5px;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:40px;height:40px;margin:0 20px 0 0;transition:opacity .4s ease-in-out}.c-share__list__item:hover{opacity:.7}.c-share__list__item:last-child{margin:0}.c-share__list__item img{object-fit:contain;object-position:center;height:100%}.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-family:inherit;letter-spacing:.5px;word-break:break-all}.c-edit *{font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;font-weight:inherit;text-align:inherit}.c-edit a{font-size:inherit;color:#0000ff;text-decoration:underline;text-underline-offset:6px;transition:opacity .4s ease-in-out}.c-edit a:hover{opacity:.7}.c-edit strong{font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;font-weight:700;font-style:inherit}.c-edit em{font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;font-weight:inherit;font-style:italic}.c-edit img{display:inline-block;width:auto;max-width:100%;height:auto !important}.c-edit strong{font-weight:700}.c-edit i{font-style:italic}.c-edit ul,.c-edit ol{margin:0 0 0 1.5em;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.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{position:absolute;top:0;left:0;width:100%;height:100%;margin:0 auto}.c-edit table thead{color:#fff;background:var(--gradient)}.c-edit table thead th{padding:10px 0}.c-edit table tbody tr{background:#f4f4f4;border-top:2px solid #fff;border-bottom:2px solid #fff}.c-edit table tbody td{padding:10px 0}.c-edit__table{width:100%;padding:0 0 5px 0;overflow-x:auto}.c-edit__table::-webkit-scrollbar{height:4px}.c-edit__table::-webkit-scrollbar-thumb{background:var(--mainColor)}.c-edit__table::-moz-scrollbar-button,.c-edit__table::-webkit-scrollbar-button{width:0px}.c-edit__title{display:block;width:100%;font-size:17px;line-height:2;color:var(--titleColor);font-family:'Montserrat-M','NotoSansTC-M'}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-edit{}}@supports (-webkit-touch-callout:none){}
.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;padding:30px 0 0 0;border-top:1px solid var(--borderColor)}.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:30px;height:30px;margin:0 5px;border-radius:50%;font-size:17px;line-height:1;color:var(--titleColor);font-family:'Montserrat','NotoSansTC';transition: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{color:#fff;background:var(--gradient);pointer-events:none}.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 20px;font-size:16px;color:var(--titleColor);font-family:'Montserrat','NotoSansTC';text-transform:uppercase;letter-spacing:.5px;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 20px 0 0}.c-page__next{order:30}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::after,.c-page__next::before{position:relative;display:block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:transparent;font-family:inherit;background:var(--gradient);flex:0 0 auto;background-clip:text;-webkit-background-clip:text}.c-page__prev::after{content:'Prev'}.c-page__next::before{content:'Next'}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:block;width:6px;height:11px;margin:0 0 0 20px;background:url(/assets/images/common/icon_arrow_next_blue.svg) center/contain no-repeat}.c-page__prev::before{margin:0 15px 0 0;transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{color:var(--titleColor);pointer-events:none}.c-page__prev.disable::after,.c-page__next.disable::before{color:inherit;background:none}.c-page__back{max-width:200px;order:20}.c-page-detail{padding:50px 0 0 0}@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__prev,.c-page__next{font-size:15px}.c-page__prev::after,.c-page__next::before{display:none}.c-page__prev::before,.c-page__next::after{width:10px;height:22px;margin:0}.c-page__back{max-width:none;margin:0 0 15px 0;order:0}.c-page-detail{flex-wrap:wrap;padding:30px 0 0 0}.c-page-detail .c-page__prev,.c-page-detail .c-page__next{justify-items:center;justify-content:center;width:calc(50% - 7.5px);height:50px;margin:0;background:#ededed;border-radius:10px;overflow:hidden}.c-page-detail .c-page__prev::before,.c-page-detail .c-page__next::after{width:6px;height:11px;margin:0 20px 0 0}.c-page-detail .c-page__next::after{margin:0 0 0 20px}.c-page-detail .c-page__prev::after,.c-page-detail .c-page__next::before{display:block;color:inherit;background:none}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-case{display:block;width:100%;padding:0 0 35px 0;flex:0 0 auto}.c-case.wow{animation-name:fadeInUp}.c-case__pic{display:block;width:100%;margin:0 0 30px 0}.c-case__pic__cover{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;font-size:15px;line-height:1;color:#fff;font-family:'Montserrat-M','NotoSansTC-M';letter-spacing:.5px;background:#101939cc;opacity:0;transition:opacity .4s ease-in-out}.c-case__pic__cover::before{content:'READ MORE';display:block;width:auto;max-width:100%}.c-case__pic__cover::after{content:'';position:relative;display:block;width:.9em;height:.9em;margin:0 0 0 15px;background:linear-gradient(to top,#fff 0%,#fff 100%) center / 100% 1px no-repeat,linear-gradient(to top,#fff 0%,#fff 100%) center /1px 100% no-repeat;flex:0 0 auto}.c-case:hover .c-case__pic__cover{opacity:1}.c-case__content{display:block;width:100%}.c-tag{margin:0 0 5px 0}.c-case:hover .c-tag__item{animation:buttonBgMoveHorizon 3s linear infinite}.c-case__content__title{display:block;width:100%;font-size:18px;line-height:1.2;color:var(--titleColor);font-family:'NotoSerifTC-B';letter-spacing:.5px}.c-case__content__text{margin:10px 0 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.c-case__link{position:absolute;bottom:0;left:0;display:flex;align-items:flex-end;align-content:flex-end;justify-items:flex-start;justify-content:flex-start;width:100%;height:100%;font-size:15px;line-height:1;color:var(--mainColor);font-family:'Montserrat-M','NotoSansTC-M';z-index:10}.c-case__link::before{content:'READ MORE';display:block;width:auto;max-width:100%;color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.c-case__link::after{content:'';position:relative;display:block;width:.9em;height:.9em;margin:0 0 0 15px;background:linear-gradient(to top,var(--mainColor) 0%,var(--mainColor) 100%) center / 100% 1px no-repeat,linear-gradient(to top,var(--mainColor) 0%,var(--mainColor) 100%) center /1px 100% no-repeat;flex:0 0 auto}@media screen and (max-width:991px){.c-case__pic__cover{display:none}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-case{padding:0 0 30px 0}.c-case__pic{margin:0 0 20px 0}.c-case__link{margin:20px 0 0 0}}@media (any-hover:hover){@media screen and (min-width:992px){.c-case{padding:0}.c-case__link{opacity:0}}}@media (any-hover:none){.c-case__pic__cover{display:none}}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-recommend{display:block;width:100%}.c-recommend__head{display:block;width:100%;margin:0 auto 70px auto}.c-recommend__head.wow{animation-name:fadeInUp}.c-recommend__body{display:block;width:100%}.c-recommend__body.wow{animation-name:fadeInUp}.c-recommend__body__box{left:-25px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 50px);overflow:hidden}.c-recommend__body__box.slick-slider{display:block}.c-recommend__body__box .c-case{width:calc(33.33% - 50px);margin:0 25px}@media screen and (max-width:1200px){.c-recommend__body__box{left:-20px;width:calc(100% + 40px)}.c-recommend__body__box .c-case{width:calc(50% - 40px);margin:0 20px}}@media screen and (max-width:991px){}@media screen and (max-width:767px){.c-recommend__head{padding:0}.c-recommend__body{left:-30px;width:calc(100% + 60px)}.c-recommend__body__box{left:0;width:100%}.c-recommend__body__box .c-case{width:calc(100% - 60px);margin:0 30px}}@media screen and (max-width:575px){.c-recommend__head{margin:0 auto 25px auto}.c-recommend__body{left:-20px;width:calc(100% + 40px)}.c-recommend__body__box .c-case{width:calc(100% - 40px);margin:0 20px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.detail{max-width:1520px;margin:180px auto 200px auto}.detail__base{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%}.detail__base.wow{animation-name:fadeInUp}.detail__base>.crumb{display:none}.detail__base__album{display:block;width:50%}.detail__base__album.wow{animation-name:fadeInUp}.detail__base__album__pic{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;overflow:hidden}.detail__base__album__pic__item{display:block;width:100%}.detail__base__content{display:block;width:calc(50% - 50px);max-width:660px;padding:0 0 70px 0;border-bottom:1px solid var(--borderColor)}.detail__base__content.wow{animation-name:fadeInUp}.detail__base__content .c-tag{margin:0 0 10px 0}.detail__base__content__title{display:block;width:100%;margin:0 0 30px 0;font-size:40px;line-height:1.2;color:var(--titleColor);font-family:'NotoSerifTC';letter-spacing:.5px}.detail__base__content .c-share{margin:70px 0 0 0}.detail__base .crumb{margin:0 0 70px 0;padding:0 0 25px 0;border-bottom:1px solid var(--borderColor)}.detail__body{display:block;width:100%;margin:100px auto 0 auto;padding:130px max(60px,calc(50% - 610px));background:#fff}.detail__body__edit{display:block;width:100%;margin:0 0 100px 0}.detail__body__edit.wow{animation-name:fadeInUp}.detail .c-recommend{margin:190px auto 0 auto}@media screen and (max-width:991px){.detail{margin:155px auto 130px auto}.detail__base>.crumb{display:block;margin:0 0 35px 0;padding:0;border:none}.detail__base__album{width:100%;margin:0 0 40px 0}.detail__base__content{width:100%;max-width:none;padding:0;border:none}.detail__base__content .crumb{display:none}.detail__body{left:-30px;width:calc(100% + 60px);margin:70px auto 0 auto;padding:70px 30px;border-top:1px solid var(--borderColor)}.detail__body__edit{margin:0 0 70px 0}.detail .c-recommend{margin:140px auto 0 auto}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.detail{margin:85px auto 70px auto}.detail__base>.crumb{margin:0 0 20px 0}.detail__base__album{margin:0 0 30px 0}.detail__base__content .c-tag{margin:0 0 10px 0}.detail__base__content__title{margin:0 0 20px 0;font-size:30px}.detail__base__content .c-share{margin:25px 0 0 0}.detail__body{left:-20px;width:calc(100% + 40px);margin:50px auto 0 auto;padding:50px 20px}.detail__body__edit{margin:0 0 50px 0}.detail .c-recommend{margin:95px auto 0 auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}